From 6bd5249f21304a3e258b009a202be36309cf901e Mon Sep 17 00:00:00 2001
From: Ayan Alam <131812888+Ayan-Alam25@users.noreply.github.com>
Date: Mon, 24 Aug 2026 15:32:51 +0530
Subject: [PATCH] fix(ui): make range slider vertically centerable

---
 packages/ui/src/components/RangeSlider/theme.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/RangeSlider/theme.ts b/packages/ui/src/components/RangeSlider/theme.ts
index 60cf08f5f..19e25dc8c 100644
--- a/packages/ui/src/components/RangeSlider/theme.ts
+++ b/packages/ui/src/components/RangeSlider/theme.ts
@@ -3,12 +3,12 @@ import type { RangeSliderTheme } from "./RangeSlider";
 
 export const rangeSliderTheme = createTheme<RangeSliderTheme>({
   root: {
-    base: "flex",
+    base: "flex items-center",
   },
   field: {
     base: "relative w-full",
     input: {
-      base: "w-full cursor-pointer appearance-none rounded-lg bg-gray-200 dark:bg-gray-700",
+      base: "block w-full cursor-pointer appearance-none rounded-lg bg-gray-200 dark:bg-gray-700",
       sizes: {
         sm: "h-1",
         md: "h-2",