diff --git a/packages/ui/src/components/RangeSlider/theme.ts b/packages/ui/src/components/RangeSlider/theme.ts
index 60cf08f5f..d11d26dc0 100644
--- a/packages/ui/src/components/RangeSlider/theme.ts
+++ b/packages/ui/src/components/RangeSlider/theme.ts
@@ -3,7 +3,7 @@ import type { RangeSliderTheme } from "./RangeSlider";
 
 export const rangeSliderTheme = createTheme<RangeSliderTheme>({
   root: {
-    base: "flex",
+    base: "flex items-center",
   },
   field: {
     base: "relative w-full",