diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 7899503..d7eea5f 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="smallMedium"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="double-inset"
                 secondaryButtonStyle="radial-glow"
@@ -150,7 +150,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="rounded"
                 contentWidth="smallMedium"
                 sizing="mediumSizeLargeTitles"
-                background="grid"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="double-inset"
                 secondaryButtonStyle="radial-glow"
@@ -233,7 +233,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="rounded"
             contentWidth="smallMedium"
             sizing="mediumSizeLargeTitles"
-            background="grid"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="double-inset"
             secondaryButtonStyle="radial-glow"