style: adjust switch check size

cheesebit · Mar 26, 2021 · 48cb681 · 48cb681
1 parent afaa224
commit 48cb681
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/atoms/switch/switch.js b/src/atoms/switch/switch.js
@@ -34,7 +34,7 @@ const Switch = ({
             className="selector"
             data-testid="selector"
           />
-          <Icon name="circle" className="check" size={14} />
+          <Icon name="circle" className="check" size={16} />
         </React.Fragment>
       }
     >

diff --git a/src/atoms/switch/switch.scss b/src/atoms/switch/switch.scss
@@ -15,7 +15,7 @@
 
     fill: currentColor;
     position: absolute;
-    left: 2px;
+    left: 0;
   }
 
   .selector:first-of-type {
@@ -38,8 +38,8 @@
     @include var(width, spacing-8);
 
     &:checked {
-      @include var(border-color, color-primary-500);
-      @include var(background-color, color-primary-500);
+      @include var(border-color, color-secondary-400);
+      @include var(background-color, color-secondary-400);
     }
 
     &:checked + .check {
@@ -53,8 +53,8 @@
       @include var(background-color, color-gray-400);
 
       &:checked {
-        @include var(border-color, color-primary-700);
-        @include var(background-color, color-primary-700);
+        @include var(border-color, color-secondary-500);
+        @include var(background-color, color-secondary-500);
       }
     }
   }