diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index df5e3ad..7a65b62 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -34,11 +34,17 @@ ul {
 input[type="checkbox"] {
   appearance: none;
   border: 0; // Remove the unchecked checkbox outline in Safari on iOS
+  border-radius: 4px; // Round the focus box-shadow
   cursor: pointer;
   margin-right: 3px;
   position: relative;
   vertical-align: top;
 
+  &:focus {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
+  }
+
   &::before {
     border: 2px solid var(--color-primary);
     border-radius: 4px;