diff --git a/src/app/courses/page.tsx b/src/app/courses/page.tsx
index da8579e..be79308 100644
--- a/src/app/courses/page.tsx
+++ b/src/app/courses/page.tsx
@@ -287,7 +287,7 @@ export default function CoursesPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="depth-3d"
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           carouselMode="buttons"
           metrics={[
             {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 924d7cf..6326f28 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -85,7 +85,7 @@ export default function HomePage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="flat"
       secondaryButtonStyle="radial-glow"
@@ -542,7 +542,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="depth-3d"
-          gridVariant="four-items-2x2-equal-grid"
+          gridVariant="uniform-all-items-equal"
           carouselMode="buttons"
           metrics={[
             {
diff --git a/src/app/stream-test/page.tsx b/src/app/stream-test/page.tsx
index 5b154f8..66bd5e1 100644
--- a/src/app/stream-test/page.tsx
+++ b/src/app/stream-test/page.tsx
@@ -65,7 +65,7 @@ export default function StreamTestPage() {
       borderRadius="soft"
       contentWidth="medium"
       sizing="medium"
-      background="aurora"
+      background="circleGradient"
       cardStyle="outline"
       primaryButtonStyle="flat"
       secondaryButtonStyle="radial-glow"