diff --git a/scss/components/_table.scss b/scss/components/_table.scss
index 2c495fb65..56f098b14 100644
--- a/scss/components/_table.scss
+++ b/scss/components/_table.scss
@@ -696,13 +696,16 @@
         font-size: $Table-expandBtn-fontSize;
         font-family: $Table-expandBtn-vendor;
         content: $Table-expandBtn-icon;
-        transition: transform ease-in-out 0.2s;
+        transition: transform ease-in-out 0.2s, top ease-in-out 0.2s;
+        position: relative;
+        top: -2px;
       }
     }
 
     &.is-active > i::before {
       transform: rotate(90deg);
       transform-origin: 50% 50%;
+      top: 0;
     }
   }
 
diff --git a/scss/components/form/_checks.scss b/scss/components/form/_checks.scss
index 7cdd798aa..3a0eed59a 100644
--- a/scss/components/form/_checks.scss
+++ b/scss/components/form/_checks.scss
@@ -365,15 +365,15 @@
 
   &-sublist {
     position: relative;
-    margin: 0 0 0 35px;
+    margin: 0 0 0 px2rem(35px);
 
     &:before {
       width: 1px;
       content: '';
       display: block;
       position: absolute;
-      top: -5px;
-      bottom: 15px;
+      top: px2rem(-5px);
+      bottom: $Form-input-height / 2;
       left: -19px;
       border-left: dashed 1px $icon-color;
     }
@@ -391,7 +391,7 @@
     content: '';
     display: block;
     position: absolute;
-    top: 15px;
+    top: $Form-input-height / 2;
     width: 19px;
     left: -19px;
     border-top: dashed 1px $icon-color;