filters fix

src/components/Button.tsx

@@ -31,12 +31,12 @@ const Button = ({
       onClick={onClick}
       className={`min-w-10 max-h-10 ${
         icon && !text ? "p-[10px]" : padding
-      }  transition-all duration-300 ease-in-out text-s pointer-events-auto flex gap-1 items-center h-fit ${backgroundColor} ${textColor} ${border}  ${
+      }  transition-all duration-300 ease-in-out text-s pointer-events-auto flex gap-1 items-center align-middle h-fit ${backgroundColor} ${textColor} ${border}  ${
         className ? className : ""
       }`}
     >
       {icon && <div>{icon}</div>}
-      {text && <p>{text}</p>}
+      {text && <div>{text}</div>}
     </button>
   );
 };

src/components/MultiRangeSlider.tsx

@@ -56,7 +56,7 @@ const MultiRangeSlider = ({ min, max, onChange }: MultiRangeSliderProps) => {
             type="number"
             onChange={handleOnFirstInputChange}
             defaultValue={firstValue}
-            className="focus:outline-none input_number"
+            className="focus:outline-none input_number w-1/2"
           />
           <input
             ref={secondInputRef}
@@ -64,7 +64,7 @@ const MultiRangeSlider = ({ min, max, onChange }: MultiRangeSliderProps) => {
             key={secondValue}
             type="number"
             defaultValue={secondValue}
-            className="focus:outline-none appearance-none input_number text-right"
+            className="focus:outline-none appearance-none input_number text-right w-1/2"
           />
         </div>
         <RangeSlider