From 3f2fa42b9326bb227a6d5d0d85c4946afaaa92c9 Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Tue, 29 Sep 2020 16:36:28 +0100
Subject: [PATCH] Hide native inputs on Safari for iOS

---
 src/components/StyledCheckbox.scss | 4 +---
 src/components/Toggle.scss         | 4 +---
 2 files changed, 2 insertions(+), 6 deletions(-)

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 {