Fix number slider bug (#4069)

jbx-protocol · Sep 14, 2023 · 74bed9a · 74bed9a · vercel · Sep 14, 2023
1 parent eceae4a
commit 74bed9a
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/src/components/inputs/NumberSlider.tsx b/src/components/inputs/NumberSlider.tsx
@@ -51,14 +51,16 @@ export default function NumberSlider({
 
   return (
     <div className={className}>
-      <div className="mb-4 flex items-baseline">
-        <Slider
-          className="mr-5 flex-1"
-          {...inputConfig}
-          value={_value}
-          onChange={(val: number) => updateValue(val)}
-          disabled={disabled}
-        />
+      <div className="mb-4 flex items-center">
+        <Form.Item className="mb-0 w-full" name={name}>
+          <Slider
+            className="mr-5 flex-1"
+            {...inputConfig}
+            value={_value}
+            onChange={(val: number) => updateValue(val)}
+            disabled={disabled}
+          />
+        </Form.Item>
         <Form.Item
           className="mb-0"
           name={name}