diff --git a/src/app/components/Navbar/Navbar.tsx b/src/app/components/Navbar/Navbar.tsx
index 56c5a2b3c9..4df4981501 100644
--- a/src/app/components/Navbar/Navbar.tsx
+++ b/src/app/components/Navbar/Navbar.tsx
@@ -9,7 +9,7 @@ export default function Navbar({ children }: Props) {
   return (
     <div className="py-[6px] bg-white border-b border-gray-200 dark:bg-surface-01dp dark:border-neutral-700">
       <div className="max-w-screen-lg px-4 flex justify-between items-center mx-auto w-full">
-        <div className="flex">
+        <div className="flex items-center">
           <UserMenu />
           {children && (
             <nav className="ml-8 space-x-8 hidden md:flex">{children}</nav>
diff --git a/src/app/components/UserMenu/index.tsx b/src/app/components/UserMenu/index.tsx
index 99475504a0..33ba123126 100644
--- a/src/app/components/UserMenu/index.tsx
+++ b/src/app/components/UserMenu/index.tsx
@@ -1,4 +1,3 @@
-import { MenuIcon } from "@bitcoin-design/bitcoin-icons-react/filled";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { useAccount } from "~/app/context/AccountContext";
@@ -6,6 +5,7 @@ import { ConnectedSiteIcon } from "~/app/icons";
 import utils from "~/common/lib/utils";
 
 import {
+  PopiconsBarsSolid,
   PopiconsBulbLine,
   PopiconsCogLine,
   PopiconsCommentLine,
@@ -43,7 +43,7 @@ export default function UserMenu() {
   return (
     <Menu as="div" className="relative">
       <Menu.Button className="flex items-center text-gray-800 dark:text-neutral-200 hover:text-black dark:hover:text-white transition-colors duration-200">
-        <MenuIcon className="h-6 w-6" />
+        <PopiconsBarsSolid className="h-5 w-5" />
       </Menu.Button>
       <Menu.List position="left">
         <div className="lg:hidden">