fix(Stepper): fix icon circle accoring to Figma

kiwicom · Dec 1, 2023 · 9411b3e · 9411b3e
1 parent e0ed9c4
commit 9411b3e
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/orbit-components/src/Stepper/StepperStateless/index.tsx b/packages/orbit-components/src/Stepper/StepperStateless/index.tsx
@@ -17,7 +17,7 @@ const getMaxWidth = ({ maxWidth }: { maxWidth: string | number }) => {
 const stepperButtonMixin = ({ disabled, active }: { disabled: boolean; active?: boolean }) =>
   cx(
     "[&_svg]:p-xxxs",
-    "de:[&_svg]:h-icon-small de:[&_svg]:w-icon-small [&_svg]:h-icon-medium [&_svg]:w-icon-medium",
+    "de:[&_svg]:h-icon-medium de:[&_svg]:w-icon-medium [&_svg]:h-icon-large [&_svg]:w-icon-large",
     "[&_svg]:rounded-circle",
     "focus:outline-0",
     "[&_svg]:focus:outline-blue-normal [&_svg]:focus:outline [&_svg]:focus:outline-2",
@@ -68,6 +68,7 @@ const StepperStateless = ({
       style={{ maxWidth: getMaxWidth({ maxWidth }) }}
     >
       <ButtonPrimitive
+        width="44px"
         className={stepperButtonMixin({ disabled: isMinusDisabled, active })}
         disabled={isMinusDisabled}
         iconLeft={<Minus size="small" />}
@@ -105,6 +106,7 @@ const StepperStateless = ({
         readOnly
       />
       <ButtonPrimitive
+        width="44px"
         className={stepperButtonMixin({ disabled: isPlusDisabled, active })}
         disabled={isPlusDisabled}
         iconLeft={<Plus size="small" />}