diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 35fe941..eed35fd 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -17,7 +17,7 @@ export default function BlogPage() {
             borderRadius="sharp"
             contentWidth="mediumLarge"
             sizing="mediumLarge"
-            background="radial-gradient"
+            background="circleGradient"
             cardStyle="gradient-radial"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="layered"
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3bf10c6..295a5ea 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -20,7 +20,7 @@ export default function InvestmentPlatform() {
       borderRadius="sharp"
       contentWidth="mediumLarge"
       sizing="mediumLarge"
-      background="radial-gradient"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="layered"
diff --git a/src/app/shop/[id]/page.tsx b/src/app/shop/[id]/page.tsx
index dd7bed6..97b0e61 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="sharp"
                 contentWidth="mediumLarge"
                 sizing="mediumLarge"
-                background="radial-gradient"
+                background="circleGradient"
                 cardStyle="gradient-radial"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="layered"
@@ -123,7 +123,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                 borderRadius="sharp"
                 contentWidth="mediumLarge"
                 sizing="mediumLarge"
-                background="radial-gradient"
+                background="circleGradient"
                 cardStyle="gradient-radial"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="layered"
@@ -179,7 +179,7 @@ export default function ProductPage({ params }: ProductPageProps) {
             borderRadius="sharp"
             contentWidth="mediumLarge"
             sizing="mediumLarge"
-            background="radial-gradient"
+            background="circleGradient"
             cardStyle="gradient-radial"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="layered"
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 3e003b0..df8a73a 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -24,7 +24,7 @@ export default function ShopPage() {
                 borderRadius="sharp"
                 contentWidth="mediumLarge"
                 sizing="mediumLarge"
-                background="radial-gradient"
+                background="circleGradient"
                 cardStyle="gradient-radial"
                 primaryButtonStyle="gradient"
                 secondaryButtonStyle="layered"
@@ -72,7 +72,7 @@ export default function ShopPage() {
             borderRadius="sharp"
             contentWidth="mediumLarge"
             sizing="mediumLarge"
-            background="radial-gradient"
+            background="circleGradient"
             cardStyle="gradient-radial"
             primaryButtonStyle="gradient"
             secondaryButtonStyle="layered"