diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index a4a8484..a7ad368 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -82,7 +82,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="mediumSmall"
                 sizing="mediumLarge"
-                background="none"
+                background="floatingGradient"
                 cardStyle="glass-elevated"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="radial-glow"
@@ -97,8 +97,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { name: "Menu", id: "product" },
                                 { name: "About", id: "about" },
                                 { name: "Features", id: "feature" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -151,7 +150,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="mediumSmall"
                 sizing="mediumLarge"
-                background="none"
+                background="floatingGradient"
                 cardStyle="glass-elevated"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="radial-glow"
@@ -166,8 +165,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { name: "Menu", id: "product" },
                                 { name: "About", id: "about" },
                                 { name: "Features", id: "feature" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -227,7 +225,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             borderRadius="pill"
             contentWidth="mediumSmall"
             sizing="mediumLarge"
-            background="none"
+            background="floatingGradient"
             cardStyle="glass-elevated"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="radial-glow"
@@ -242,8 +240,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                             { name: "Menu", id: "product" },
                             { name: "About", id: "about" },
                             { name: "Features", id: "feature" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -319,4 +316,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
\ No newline at end of file
+}