fix; compressoor steppers

src/components/ChoiceStepper/ChoiceStepper.css

@@ -5,7 +5,6 @@
   position: relative;
   display: flex;
   align-items: stretch;
-  justify-content: center;
 
   border: var(--border-width) solid var(--border-hairline);
   border-radius: var(--radius-sm);
@@ -23,7 +22,6 @@
   text-align: left;
 
   color: var(--accent-brand);
-
   background: transparent;
   border: none;
 
@@ -44,7 +42,6 @@
   justify-content: center;
 
   height: 100%;
-
   box-sizing: border-box;
 
   padding-right: 1%;
@@ -52,7 +49,6 @@
 
 .choice-stepper__arrow-btn {
   height: 50%;
-
   min-width: 0;
   min-height: 0;
 

src/components/ChoiceStepper/ChoiceStepper.tsx

@@ -87,7 +87,10 @@ function ChoiceStepperList<T>({
   };
 
   return (
-    <div className={`choice-stepper ${className ?? ''}`} data-disabled={disabled || undefined}>
+    <div
+      className={`choice-stepper ${className ?? ''}`}
+      data-disabled={disabled || undefined}
+    >
       <input
         id={id}
         className="choice-stepper__input"
@@ -171,7 +174,10 @@ function ChoiceStepperRange({
   };
 
   return (
-    <div className={`choice-stepper ${className ?? ''}`} data-disabled={disabled || undefined}>
+    <div
+      className={`choice-stepper ${className ?? ''}`}
+      data-disabled={disabled || undefined}
+    >
       <input
         id={id}
         className="choice-stepper__input"