diff --git a/src/components/checkbox/styles.scss b/src/components/checkbox/styles.scss
index 91c1ed415..dc6e94cd4 100644
--- a/src/components/checkbox/styles.scss
+++ b/src/components/checkbox/styles.scss
@@ -3,7 +3,20 @@
   align-items: center;
 
   input {
-    display: none;
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  input:focus-visible + .box {
+    box-shadow: 0 0 0 2px #3399ff;
+    box-shadow: 0 0 0 2px var(--button-background-color);
   }
 
   .box {