diff --git a/src/components/navbar/DropDown.tsx b/src/components/navbar/DropDown.tsx
index 94e1f48e..8550aeec 100644
--- a/src/components/navbar/DropDown.tsx
+++ b/src/components/navbar/DropDown.tsx
@@ -2,7 +2,7 @@ import DropDownLink from "./DropDownLink";
 
 export default function DropDown({ name }: { name: string }) {
   return (
-    <div className="dropdown py-0 mx-1 dropdown-bottom">
+    <div className="dropdown py-0 mx-2 dropdown-bottom">
       <label
         tabIndex={0}
         className="btn m-0 p-0 bg-transparent border-none hover:border-none hover:bg-transparent"
diff --git a/src/components/navbar/Navbar.tsx b/src/components/navbar/Navbar.tsx
index 8b57aeca..290403bd 100644
--- a/src/components/navbar/Navbar.tsx
+++ b/src/components/navbar/Navbar.tsx
@@ -12,12 +12,10 @@ export default function Navbar() {
       </div>
       <div>
         <Bell notificationCount={notificationCount} />
-        <ul className="menu menu-horizontal px-1 ml-6 ">
-          <li className="flex flex-row items-center ">
-            <Avatar image="/avatar.png" height={34} width={34} />
-            <DropDown name={name} />
-          </li>
-        </ul>
+        <div className="px-2 ml-6 flex flex-row items-center">
+          <Avatar image="/avatar.png" height={34} width={34} />
+          <DropDown name={name} />
+        </div>
       </div>
     </nav>
   );