diff --git a/apps/web/src/components/marketing/pricing/pricing-slider.tsx b/apps/web/src/components/marketing/pricing/pricing-slider.tsx
index 1452242657..6d17fdb53a 100644
--- a/apps/web/src/components/marketing/pricing/pricing-slider.tsx
+++ b/apps/web/src/components/marketing/pricing/pricing-slider.tsx
@@ -58,7 +58,7 @@ export function PricingSlider() {
               max={MAX_REGIONS}
               step={1}
               trailing="regions"
-              className="text-right font-mono"
+              className="text-right font-mono bg-background"
               value={inputValue}
               onChange={(e) =>
                 setInputValue(Number.parseInt(e.target.value) || 0)