diff --git a/src/theme/components/checkbox.modifier.ts b/src/theme/components/checkbox.modifier.ts
index f7795e57..4a08a6fe 100644
--- a/src/theme/components/checkbox.modifier.ts
+++ b/src/theme/components/checkbox.modifier.ts
@@ -23,13 +23,13 @@ export const MuiCheckbox: Components<Theme>['MuiCheckbox'] = {
             height: '1.25rem',
             borderColor: brand?.default,
             marginLeft: '0px',
+            fill: inverseBackground ? inverseColor : defaultText,
             padding: '0px'
           }
         },
         '& .MuiSvgIcon-root': {
           width: '1.25rem',
           height: '1.25rem',
-          fill: inverseBackground ? inverseColor : defaultText,
           border: `.75px solid ${inverseBackground ? inverseColor : strong}`,
           borderRadius: '2px',
           padding: '0px'