fix: replace menuicon

getAlby · Feb 1, 2024 · 7e29a3f · 7e29a3f
1 parent 3f9f1f5
commit 7e29a3f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -1,11 +1,11 @@
-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";
 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">