diff --git a/src/styles/variables/colors.scss b/src/styles/variables/colors.scss
index 26d0ae499..ac6eff38c 100644
--- a/src/styles/variables/colors.scss
+++ b/src/styles/variables/colors.scss
@@ -42,29 +42,29 @@
   --black: hsla(var(--black-h), var(--black-s), var(--black-l), var(--black-a));
 
   //$warning/$orange: #ff851b or hsl(27.9, 100%, 55.3%)
-  --warning-h: 27.9deg !important;
-  --warning-s: 100% !important;
-  --warning-l: 55.3% !important;
-  --warning-a: 1 !important;
+  --warning-h: 27.9deg;
+  --warning-s: 100%;
+  --warning-l: 55.3%;
+  --warning-a: 1;
   --warning: hsla(var(--warning-h), var(--warning-s), var(--warning-l), var(--warning-a));
   //$success/$green is #00db60 or hsl(146.3, 100%, 42.9%)
-  --success-h: 146.3deg !important;
-  --success-s: 100% !important;
-  --success-l: 42.9% !important;
-  --success-a: 1 !important;
+  --success-h: 146.3deg;
+  --success-s: 100%;
+  --success-l: 42.9%;
+  --success-a: 1;
   --success: hsla(var(--success-h), var(--success-s), var(--success-l), var(--success-a));
   //$danger/$red is #ff4136 or hsl(3.3, 100%, 60.6%)
-  --danger-h: 3.3deg !important;
-  --danger-s: 100% !important;
-  --danger-l: 60.6% !important;
-  --danger-a: 1 !important;
+  --danger-h: 3.3deg;
+  --danger-s: 100%;
+  --danger-l: 60.6%;
+  --danger-a: 1;
   --danger: hsla(var(--danger-h), var(--danger-s), var(--danger-l), var(--danger-a));
   //var(--primary)/$blue is #1973ff or hsl(216.5, 100%, 54.9%)
-  --primary-h: 216.5deg !important;
-  --primary-s: 100% !important;
-  --primary-l: 54.9% !important;
+  --primary-h: 216.5deg;
+  --primary-s: 100%;
+  --primary-l: 54.9%;
   --primary-light-l: 73%;
-  --primary-a: 1 !important;
+  --primary-a: 1;
   --primary: hsla(var(--primary-h), var(--primary-s), var(--primary-l), var(--primary-a));
 
   // simulate sass lighten($primary, 30) by increasing lightness 30% to 73%
@@ -88,12 +88,12 @@
     --grey-50: hsl(220.9, 39.3%, 11%);
 
     --white: var(--grey-50);
-    --black-l: 100% !important;
+    --black-l: 100%;
 
-    --text: var(--grey-800) !important;
-    --text-invert: #000 !important;
-    --text-light: var(--grey-300) !important;
-    --text-strong: var(--grey-900) !important;
+    --text: var(--grey-800);
+    --text-invert: #000;
+    --text-light: var(--grey-300);
+    --text-strong: var(--grey-900);
 
       // svg uses currentColor, change the color to keep the modal close X visible
       .close {