Hide native inputs on Safari for iOS

src/components/StyledCheckbox.scss

@@ -23,9 +23,7 @@ limitations under the License.
     align-items: center;
 
     input[type='checkbox'] {
-        appearance: none;
-        margin: 0;
-        padding: 0;
+        display: none;
 
         &:checked + div {
             background: $foreground;

src/components/Toggle.scss

@@ -21,9 +21,7 @@ limitations under the License.
 
     > input[type='checkbox'] {
         // Remove the OS's representation
-        margin: 0;
-        padding: 0;
-        appearance: none;
+        display: none;
 
         &.focus-visible {
             & + img {