diff --git a/src/lib/components/MobileNav.jsx b/src/lib/components/MobileNav.jsx
index b3971c5..7dbdec3 100644
--- a/src/lib/components/MobileNav.jsx
+++ b/src/lib/components/MobileNav.jsx
@@ -6,7 +6,7 @@ import {
     Home as IconHome,
     BookText as BookImage,
     User as UserImage,
-    Plus as PlusImage,
+    Plus as PlusImage
 } from "lucide-react";
 
 import { useDevice } from "@/lib/context/DeviceContext";
@@ -24,14 +24,14 @@ const MobileNav = () => {
                     <BookImage />
                 </Navigation.Tile>
                 {isAuthenticated ? (
-                    <div>
-                        <Navigation.Tile label="Profile" href="/posts" className="flex flex-col items-center">
-                            <PlusImage />
-                        </Navigation.Tile>
-                        <Navigation.Tile label="Profile" href="/profile" className="flex flex-col items-center">
-                                <UserImage />
-                        </Navigation.Tile>
-                    </div>
+                   <Navigation.Tile label="Post" href="/posts" className="flex flex-col items-center">
+                        <PlusImage />
+                    </Navigation.Tile>
+                ) : null}
+                {isAuthenticated ? (
+                   <Navigation.Tile label="Profile" href="/profile" className="flex flex-col items-center">
+                        <UserImage />
+                    </Navigation.Tile>
                 ) : null}
             </Navigation.Bar>
         </div>