diff --git a/packages/fluent-ui/src/Checkbox/Checkbox.styled.ts b/packages/fluent-ui/src/Checkbox/Checkbox.styled.ts
index 636ebf11..272a8d78 100644
--- 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,