diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index 91c27ae..28ddfd2 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -17,7 +17,7 @@ export default function FeaturesPage() {
       borderRadius="rounded"
       contentWidth="compact"
       sizing="mediumLargeSizeMediumTitles"
-      background="noise"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="double-inset"
       secondaryButtonStyle="solid"
@@ -42,7 +42,7 @@ export default function FeaturesPage() {
         <HeroSplitKpi
           title="Discover AirPods Key Features"
           description="Explore the innovative technologies that make AirPods the world's most advanced wireless audio experience. From noise cancellation to seamless connectivity."
-          background={{ variant: "noise" }}
+          background={{ variant: "circleGradient" }}
           kpis={[
             { value: "Active", label: "Noise Cancellation" },
             { value: "Spatial", label: "3D Audio" },
@@ -114,7 +114,7 @@ export default function FeaturesPage() {
             { text: "Compare Models", href: "/comparison" },
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "noise" }}
+          background={{ variant: "circleGradient" }}
           useInvertedBackground={false}
         />
       </div>