diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index e2a2eac..61cc083 100644
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -83,7 +83,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="medium"
                 sizing="mediumLarge"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="layered"
@@ -132,7 +132,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="medium"
                 sizing="mediumLarge"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="layered"
@@ -188,7 +188,7 @@ function ProductPageContent({ params }: ProductPageProps) {
             borderRadius="pill"
             contentWidth="medium"
             sizing="mediumLarge"
-            background="aurora"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="layered"