diff --git a/src/components/Dot/Dot.svelte b/src/components/Dot/Dot.svelte
index d7a1893..0d34c7b 100644
--- a/src/components/Dot/Dot.svelte
+++ b/src/components/Dot/Dot.svelte
@@ -23,6 +23,11 @@
     cursor: pointer;
   }
 
+  button:focus {
+    outline: 1px dotted #212121;
+    outline: 5px auto -webkit-focus-ring-color;
+  }
+
   .sc-carousel-dot__dot {
     background-color: var(--sc-color-rgb-light);
     border-radius: 50%;