diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 821b78f..bef2001 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,7 +17,7 @@ export default function BlogPage() {
             borderRadius="pill"
             contentWidth="medium"
             sizing="medium"
-            background="none"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="layered"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f4dcde7..13826ca 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="medium"
-      background="none"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="primary-glow"
       secondaryButtonStyle="layered"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 9d8a234..c6027f8 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="pill"
                 contentWidth="medium"
                 sizing="medium"
-                background="none"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="layered"
@@ -134,7 +134,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="medium"
                 sizing="medium"
-                background="none"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="layered"
@@ -201,7 +201,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="pill"
             contentWidth="medium"
             sizing="medium"
-            background="none"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="layered"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 6a53f49..b21f80b 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -27,7 +27,7 @@ export default function ShopPage() {
                 borderRadius="pill"
                 contentWidth="medium"
                 sizing="medium"
-                background="none"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="primary-glow"
                 secondaryButtonStyle="layered"
@@ -86,7 +86,7 @@ export default function ShopPage() {
             borderRadius="pill"
             contentWidth="medium"
             sizing="medium"
-            background="none"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="primary-glow"
             secondaryButtonStyle="layered"