diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index e97a3e9b..2b08dcab 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -94,19 +94,19 @@ const Navbar = () => {
               </div>
             ) : (
               <>
-                <li>
+                <li className="mt-2">
                   <Link to="/app/new-post" className={getNavLinkClass("/app/new-post")}>
                     New Post
                   </Link>
                 </li>
-                <li>
+                <li className="mt-2">
                   <Link to="/app/profile" className={getNavLinkClass("/app/profile")}>
                     Profile
                   </Link>
                 </li>
-                <li>
+                <li className="mt-2">
                   <button
-                    className="block py-2 px-3 rounded md:border-0 md:p-0 text-white md:hover:text-blue-500 hover:bg-gray-700 hover:text-white md:hover:bg-transparent"
+                    className="block py-2 px-3 rounded md:border-0 md:p-0 text-white md:hover:text-blue-500 hover:bg-gray-700 hover:text-white md:hover:bg-transparent w-full text-left"
                     onClick={handleLogout}
                   >
                     Logout