fix(Checkbox): Fix display problems that may arise misplaced

fluent-org · Sep 19, 2019 · 3e744d2 · 3e744d2
1 parent c9749a0
commit 3e744d2
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/fluent-ui/src/Checkbox/Checkbox.styled.ts b/packages/fluent-ui/src/Checkbox/Checkbox.styled.ts
@@ -5,13 +5,12 @@ import { CheckboxClassProps } from './Checkbox.type'
 const root = (theme: Theme): Style => ({
   width: 20,
   height: 20,
-  display: 'inline-flex',
-  alignItems: 'center',
-  justifyContent: 'center',
+  display: 'inline-block',
   position: 'relative',
   cursor: 'pointer',
   borderRadius: 2,
   border: '2px solid',
+  overflow: 'hidden',
   transition: theme.transitions!.checkbox,
   color: theme.colors!.black!.default,
   backgroundColor: theme.colors!.white!.default,