diff --git a/administrator/templates/atum/scss/_variables.scss b/administrator/templates/atum/scss/_variables.scss
index 4f6c7e1bb0b96..460bd18aa88c3 100644
--- a/administrator/templates/atum/scss/_variables.scss
+++ b/administrator/templates/atum/scss/_variables.scss
@@ -2,7 +2,7 @@
 @import "../../../../media/vendor/bootstrap/scss/functions";
 
 $white:                            #fff;
-$whiteoffset:                      #fefefe;
+$white-offset:                     #fefefe;
 $gray-100:                         #f8f9fa;
 $gray-200:                         #e8e8e8;
 $gray-300:                         #dee2e6; //used for toolbar and badges
@@ -63,7 +63,7 @@ $colors: (
   danger-border:                   theme-color("danger"),
   login-main-bg:                   darken($base-color, 8%), //used on login
   border:                          $gray-400,
-  white-offset:                    $whiteoffset,
+  white-offset:                    $white-offset,
   focus:                           $focuscolor,
   focus-shadow:                    $focusshadow,
   toggle-color:                    $white, //used in sidebar
diff --git a/administrator/templates/atum/scss/blocks/_modals.scss b/administrator/templates/atum/scss/blocks/_modals.scss
index c30312da15f72..3c7b63166bc15 100755
--- a/administrator/templates/atum/scss/blocks/_modals.scss
+++ b/administrator/templates/atum/scss/blocks/_modals.scss
@@ -9,7 +9,7 @@
     line-height: 2.3rem;
     color: var(--atum-text-dark);
     background: var(--white);
-    border-color: var(--whiteoffset);
+    border-color: var(--white-offset);
     box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .25);
   }