Make tick icon prettier

2 files changed, 9 insertions, 7 deletions

diff --git a/src/_forms.scss b/src/_forms.scss
index 8b53df9..2458874 100644
--- a/src/_forms.scss
+++ b/src/_forms.scss
@@ -122,7 +122,7 @@ textarea.form-input {
   &[size],
   &[multiple] {
     height: auto;
-    
+
     option {
       padding: $unit-h $unit-1;
     }
@@ -266,14 +266,14 @@ textarea.form-input {
         border-left-width: 0;
         border-top-width: 0;
         content: "";
-        height: 12px;
+        height: 9px;
         left: 50%;
-        margin-left: -4px;
-        margin-top: -8px;
+        margin-left: -3px;
+        margin-top: -6px;
         position: absolute;
         top: 50%;
         transform: rotate(45deg);
-        width: 8px;
+        width: 6px;
       }
     }
     &:indeterminate + .form-icon {
@@ -447,7 +447,7 @@ textarea.form-input {
     .form-icon {
       border-color: $error-color;
     }
-    
+
     input {
       &:checked + .form-icon {
         background: $error-color;
diff --git a/src/_timelines.scss b/src/_timelines.scss
index 67041a8..c56746d 100644
--- a/src/_timelines.scss
+++ b/src/_timelines.scss
@@ -24,10 +24,12 @@
     }
 
     .timeline-icon {
+      align-items: center;
       border-radius: 50%;
       color: $light-color;
-      display: block;
+      display: flex;
       height: $unit-6;
+      justify-content: center;
       text-align: center;
       width: $unit-6;
       &::before {