diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 30d4899..b0e0e2b 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -74,7 +74,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="rounded"
                 contentWidth="mediumSmall"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="outline"
                 primaryButtonStyle="shadow"
                 secondaryButtonStyle="glass"
@@ -118,7 +118,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="rounded"
                 contentWidth="mediumSmall"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="outline"
                 primaryButtonStyle="shadow"
                 secondaryButtonStyle="glass"
@@ -169,7 +169,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="rounded"
             contentWidth="mediumSmall"
             sizing="mediumSizeLargeTitles"
-            background="grid"
+            background="circleGradient"
             cardStyle="outline"
             primaryButtonStyle="shadow"
             secondaryButtonStyle="glass"