diff --git a/src/components/StyledCheckbox.scss b/src/components/StyledCheckbox.scss
index 21b40f1..011e53f 100644
--- a/src/components/StyledCheckbox.scss
+++ b/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;
diff --git a/src/components/Toggle.scss b/src/components/Toggle.scss
index 5d82223..8654dcf 100644
--- a/src/components/Toggle.scss
+++ b/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 {