Fix scss lint

Author: Huan Li

src/shared/components/Settings/Profile/Work/styles.scss

@@ -26,6 +26,66 @@ $checkbox-bg-selected: $tc-dark-blue;
   }
 }
 
+.tc-checkbox {
+  height: $checkbox-size;
+  width: $checkbox-size;
+  margin-bottom: 125px;
+  position: absolute;
+  display: inline-block;
+  bottom: 0;
+
+  @include upto-sm {
+    margin-bottom: 10px;
+  }
+
+  input[type=checkbox] {
+    display: none;
+  }
+
+  label {
+    cursor: pointer !important;
+    position: absolute !important;
+    display: inline-block !important;
+    width: $checkbox-size !important;
+    height: $checkbox-size !important;
+    top: 0 !important;
+    left: 0 !important;
+    border-radius: $corner-radius !important;
+    box-shadow: none !important;
+    border: 1px solid $tc-gray-50 !important;
+    background: $tc-gray-neutral-light !important;
+
+    &::after {
+      opacity: 0;
+      content: '';
+      position: absolute;
+      width: 13px;
+      height: 7px;
+      background: transparent;
+      top: 4px;
+      left: 3px;
+      border: 3px solid $tc-dark-blue;
+      border-top: none;
+      border-right: none;
+      transform: rotate(-45deg);
+    }
+
+    &:hover::after {
+      opacity: 0.3;
+    }
+  }
+
+  input[type=checkbox]:checked ~ label {
+    background: $checkbox-bg-selected;
+    border-color: $checkbox-bg-selected;
+  }
+
+  input[type=checkbox]:checked + label::after {
+    opacity: 1;
+    border-color: $tc-white;
+  }
+}
+
 .form-container-default {
   @include form-container-default;
 
@@ -117,23 +177,6 @@ $checkbox-bg-selected: $tc-dark-blue;
         padding-bottom: 10px;
       }
 
-      label {
-        @include roboto-medium;
-
-        display: block;
-        font-size: 12px;
-        line-height: 15px;
-        font-weight: 500;
-        color: $tc-gray-80;
-        margin-bottom: 5px;
-
-        .text-required {
-          font-size: 10px;
-          color: $tc-red-110;
-          margin-left: 5px;
-        }
-      }
-
       .date-input {
         display: flex;
         align-items: center;
@@ -244,66 +287,6 @@ $checkbox-bg-selected: $tc-dark-blue;
   }
 }
 
-.tc-checkbox {
-  height: $checkbox-size;
-  width: $checkbox-size;
-  margin-bottom: 125px;
-  position: absolute;
-  display: inline-block;
-  bottom: 0;
-
-  @include upto-sm {
-    margin-bottom: 10px;
-  }
-
-  input[type=checkbox] {
-    display: none;
-  }
-
-  label {
-    cursor: pointer;
-    position: absolute;
-    display: inline-block;
-    width: $checkbox-size;
-    height: $checkbox-size;
-    top: 0;
-    left: 0;
-    border-radius: $corner-radius;
-    box-shadow: none;
-    border: 1px solid $tc-gray-50;
-    background: $tc-gray-neutral-light;
-
-    &::after {
-      opacity: 0;
-      content: '';
-      position: absolute;
-      width: 13px;
-      height: 7px;
-      background: transparent;
-      top: 4px;
-      left: 3px;
-      border: 3px solid $tc-dark-blue;
-      border-top: none;
-      border-right: none;
-      transform: rotate(-45deg);
-    }
-
-    &:hover::after {
-      opacity: 0.3;
-    }
-  }
-
-  input[type=checkbox]:checked ~ label {
-    background: $checkbox-bg-selected;
-    border-color: $checkbox-bg-selected;
-  }
-
-  input[type=checkbox]:checked + label::after {
-    opacity: 1;
-    border-color: $tc-white;
-  }
-}
-
 .work-container {
   display: flex;
   flex-direction: column;