diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 9a95e53..38a2d4f 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -15,7 +15,7 @@ export default function ShopPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -76,7 +76,7 @@ export default function ShopPage() {
             { text: "Buy PodsX 4", href: "#podsx-4" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "circleGradient" }}
           useInvertedBackground={false}
         />
       </div>