diff --git a/enshi/src/Components/NavBar/RightButtonBar/CreatePostButton/CreatePostButton.tsx b/enshi/src/Components/NavBar/RightButtonBar/CreatePostButton/CreatePostButton.tsx
index 95ed79b..0afdbef 100644
--- a/enshi/src/Components/NavBar/RightButtonBar/CreatePostButton/CreatePostButton.tsx
+++ b/enshi/src/Components/NavBar/RightButtonBar/CreatePostButton/CreatePostButton.tsx
@@ -8,7 +8,7 @@ export default function CreatePostButton() {
 
     return (
         <Link to={"/create"}>
-            <Button variant="ghost" className="items-center h-full px-[6px] pr-[8px] py-0 my-auto m-0">
+            <Button variant="ghost" className="items-center h-full px-[6px] pr-[8px] py-0 my-auto m-0 overflow-hidden">
                 <Pencil1Icon  />
                 <Text>{t("createPost")}</Text>
             </Button>
diff --git a/enshi/src/Components/NavBar/RightButtonBar/UserButton/UserButton.tsx b/enshi/src/Components/NavBar/RightButtonBar/UserButton/UserButton.tsx
index 45edf5b..54cd31f 100644
--- a/enshi/src/Components/NavBar/RightButtonBar/UserButton/UserButton.tsx
+++ b/enshi/src/Components/NavBar/RightButtonBar/UserButton/UserButton.tsx
@@ -1,5 +1,11 @@
 import { LaptopIcon, PersonIcon } from "@radix-ui/react-icons";
-import { DropdownMenu, Flex, IconButton, Text, Tooltip } from "@radix-ui/themes";
+import {
+    DropdownMenu,
+    Flex,
+    IconButton,
+    Text,
+    Tooltip,
+} from "@radix-ui/themes";
 import { Icon } from "@radix-ui/themes/dist/esm/components/callout.js";
 import { useAtomValue } from "jotai";
 import { useTranslation } from "react-i18next";
@@ -17,8 +23,8 @@ export default function UserButton() {
     return (
         <div className="">
             <DropdownMenu.Root>
-                <DropdownMenu.Trigger>
-                    <Tooltip content={"User menu"} className="w-fit">
+                <Tooltip content={"User menu"} className="w-fit">
+                    <DropdownMenu.Trigger>
                         <IconButton
                             size={"2"}
                             className="items-center my-auto rounded-full"
@@ -26,8 +32,8 @@ export default function UserButton() {
                         >
                             <PersonIcon />
                         </IconButton>
-                    </Tooltip>
-                </DropdownMenu.Trigger>
+                    </DropdownMenu.Trigger>
+                </Tooltip>
 
                 <DropdownMenu.Content className="w-fit">
                     <DropdownMenu.Item onClick={() => navigate("/profile")}>
diff --git a/enshi/src/Components/ProfileNavbar/ProfileNavbar.tsx b/enshi/src/Components/ProfileNavbar/ProfileNavbar.tsx
index 44dd3e2..293ac8f 100644
--- a/enshi/src/Components/ProfileNavbar/ProfileNavbar.tsx
+++ b/enshi/src/Components/ProfileNavbar/ProfileNavbar.tsx
@@ -22,7 +22,7 @@ export default function ProfileNavbar() {
         <>
             <Flex className="relative flex flex-col sm:hidden">
                 <TabNav.Root size={"2"}>
-                    <TabLink label="Profile" path="/profile" />
+                    <TabLink label="About" path="/profile" />
 
                     <TabLink label="Security" path="/profile/sec" />
 
diff --git a/enshi/src/layout/ProfilePage/ProfilePage.tsx b/enshi/src/layout/ProfilePage/ProfilePage.tsx
index 8bfdfbc..01cd2bc 100644
--- a/enshi/src/layout/ProfilePage/ProfilePage.tsx
+++ b/enshi/src/layout/ProfilePage/ProfilePage.tsx
@@ -7,8 +7,8 @@ export default function ProfilePage() {
         <Flex
             className={`
                 relative flex-col flex-1 gap-0 mx-4 
-                sm:flex-row sm:gap-4 
-                md:w-full md:min-w-[45rem] md:max-w-pc-width md:mx-auto
+                sm:flex-row sm:gap-4 sm:mx-4
+                md:w-full md:max-w-pc-width md:mx-auto
                 overflow-hidden
             `}
         >