fix: inner border of checkbox svg

Signed-off-by: rishabhsharma1997 <rishabhsharma19997@gmail.com>

Author: rishabhsharma1997

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'