diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index abdc86a..664b2df 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,7 +17,7 @@ export default function BlogPage() {
             borderRadius="pill"
             contentWidth="small"
             sizing="medium"
-            background="aurora"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="solid"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f076615..efefbf2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="small"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="solid"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index 1b15d2e..820a80c 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="small"
                 sizing="medium"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="solid"
@@ -107,7 +107,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="pill"
                 contentWidth="small"
                 sizing="medium"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="solid"
@@ -147,7 +147,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="pill"
             contentWidth="small"
             sizing="medium"
-            background="aurora"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="solid"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index bd4671f..0252c2d 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -24,7 +24,7 @@ export default function ShopPage() {
                 borderRadius="pill"
                 contentWidth="small"
                 sizing="medium"
-                background="aurora"
+                background="circleGradient"
                 cardStyle="gradient-bordered"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="solid"
@@ -56,7 +56,7 @@ export default function ShopPage() {
             borderRadius="pill"
             contentWidth="small"
             sizing="medium"
-            background="aurora"
+            background="circleGradient"
             cardStyle="gradient-bordered"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="solid"