diff --git a/src/app/comparison/page.tsx b/src/app/comparison/page.tsx
index 6489fa2..979ac11 100644
--- a/src/app/comparison/page.tsx
+++ b/src/app/comparison/page.tsx
@@ -17,7 +17,7 @@ export default function ComparisonPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -42,7 +42,7 @@ export default function ComparisonPage() {
         <HeroSplitKpi
           title="AirPods Pro vs AirPods 4 Comparison"
           description="Find your perfect match. Compare detailed specifications, features, and performance between AirPods Pro and AirPods 4. Make an informed decision based on your needs."
-          background={{ variant: "noise" }}
+          background={{ variant: "circleGradient" }}
           kpis={[
             { value: "2 Models", label: "Full Comparison" },
             { value: "20+ Specs", label: "Detailed Analysis" },
@@ -125,7 +125,7 @@ export default function ComparisonPage() {
             { text: "View Features", href: "/features" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "circleGradient" }}
           useInvertedBackground={false}
         />
       </div>