diff --git a/src/components/common/icons.tsx b/src/components/common/icons.tsx
index a08809e..19ba2ec 100644
--- a/src/components/common/icons.tsx
+++ b/src/components/common/icons.tsx
@@ -14,6 +14,7 @@ import {
   Loader2,
   type LucideProps,
   Moon,
+  Menu,
   MoreVertical,
   Pizza,
   Plus,
@@ -43,6 +44,7 @@ import {
 export type Icon = LucideIcon;
 
 export const Icons = {
+  menu: Menu,
   shuffle: Shuffle,
   trophy: Trophy,
   star: Star,
diff --git a/src/components/nav/main-nav.tsx b/src/components/nav/main-nav.tsx
index 3397729..3246887 100644
--- a/src/components/nav/main-nav.tsx
+++ b/src/components/nav/main-nav.tsx
@@ -50,9 +50,13 @@ export function MainNav({ items, children }: MainNavProps) {
         className="flex items-center space-x-2 md:hidden"
         onClick={() => setShowMobileMenu(!showMobileMenu)}
       >
-        {showMobileMenu ? <Icons.close /> : <Icons.logo />}
-        <span className="font-bold">Menu</span>
+        {showMobileMenu ? <Icons.close /> : <Icons.menu />}
       </button>
+
+      <Link href="/" className="flex items-center  md:hidden">
+        <Icons.logo />
+      </Link>
+
       {showMobileMenu && items && (
         <MobileNav items={items} onClose={() => setShowMobileMenu(false)}>
           {children}