diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index 10e7089..68770cc 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -1,6 +1,6 @@
 import { Link } from 'react-router-dom';
 import { useAuth } from '../context/AuthContext';
-import { MdPerson, MdLogout, MdLink, MdSettings } from 'react-icons/md';
+import { MdPerson, MdLogout, MdLink } from 'react-icons/md';
 
 export default function Navbar() {
   const { user, logout } = useAuth();
@@ -26,13 +26,9 @@ export default function Navbar() {
                 className="flex items-center gap-1.5 text-zinc-400 hover:text-zinc-100 transition-colors text-sm"
                 title="Account Settings"
               >
-                <MdSettings size={16} />
-                Account
-              </Link>
-              <span className="text-zinc-600 text-xs font-mono flex items-center gap-1">
                 <MdPerson size={14} />
                 {user.username}
-              </span>
+              </Link>
               <button
                 onClick={logout}
                 className="text-zinc-500 hover:text-red-400 transition-colors"