diff --git a/stylesheets/components/Checkbox.scss b/stylesheets/components/Checkbox.scss
index 23de4ff9e4ec..60a8d7db87ed 100644
--- a/stylesheets/components/Checkbox.scss
+++ b/stylesheets/components/Checkbox.scss
@@ -9,6 +9,20 @@
     input {
       height: 18px;
       width: 18px;
+
+      @include mouse-mode {
+        &:focus,
+        &:active {
+          outline: none;
+        }
+      }
+
+      @include keyboard-mode {
+        &:focus,
+        &:active {
+          outline: 1px solid $color-ultramarine;
+        }
+      }
     }
   }