diff --git a/src/components/Dots/Dots.svelte b/src/components/Dots/Dots.svelte
index 7ddcf7d..1fa09ec 100644
--- a/src/components/Dots/Dots.svelte
+++ b/src/components/Dots/Dots.svelte
@@ -31,10 +31,6 @@
 </div>
 
 <style>
-  :root {
-    --sc-dot-container-size: 10px;
-  }
-
   .sc-carousel-dots__container {
     display: flex;
     align-items: center;
@@ -43,8 +39,8 @@
     padding: 0 30px;
   }
   .sc-carousel-dots__dot-container {
-    height: calc(var(--sc-dot-container-size) + 10px);
-    width: calc(var(--sc-dot-container-size) + 6px);
+    height: calc(var(--sc-dot-size) + 14px);
+    width: calc(var(--sc-dot-size) + 10px);
     display: flex;
     align-items: center;
     justify-content: center;