fix: Adjust toggle-button min-height for accessibility when zooming (#…

…222) * fix: Adjust min-height for accessibility when zooming * fix: Adjust min-height for accessibility when zooming * fix: Adjust min-height for accessibility when zooming * fix: Adjust min-height for accessibility when zooming
kronostechnologies · Mar 5, 2021 · c77d44b · c77d44b
1 parent 8845c31
commit c77d44b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/react/src/components/toggle-button-group/toggle-button-group.test.tsx.snap b/packages/react/src/components/toggle-button-group/toggle-button-group.test.tsx.snap
diff --git a/packages/react/src/components/toggle-button-group/toggle-button-group.tsx b/packages/react/src/components/toggle-button-group/toggle-button-group.tsx
@@ -33,8 +33,8 @@ const ToggleButton = styled.button<ToggleButtonProps>`
     color: ${(props) => (props.pressed ? props.theme.main['primary-2'] : props.theme.greys['dark-grey'])};
     cursor: pointer;
     font-size: ${(props) => (props.isMobile ? '1rem' : '0.875rem')};
-    height: ${(props) => (props.isMobile ? '48px' : '40px')};
     letter-spacing: 0.02875rem;
+    min-height: ${(props) => (props.isMobile ? '48px' : '40px')};
     padding: 0 var(--spacing-2x);
 
     ${(props) => props.pressed && css`