diff --git a/.stylelintrc.yml b/.stylelintrc.yml
index ff2e48c97..ab5fc95f9 100644
--- a/.stylelintrc.yml
+++ b/.stylelintrc.yml
@@ -40,6 +40,7 @@ rules:
   shorthand-property-no-redundant-values: true
   value-no-vendor-prefix: true
   order/order:
+    - dollar-variables
     - type: at-rule
       name: extend
     - type: at-rule
diff --git a/app/assets/stylesheets/layout/skip_to_main_content.scss b/app/assets/stylesheets/layout/skip_to_main_content.scss
index dcfc3db78..487990282 100644
--- a/app/assets/stylesheets/layout/skip_to_main_content.scss
+++ b/app/assets/stylesheets/layout/skip_to_main_content.scss
@@ -8,13 +8,11 @@
     }
 
     &:focus {
-      @include body-colors;
-
       $outline-size: $focus-inner-width + $focus-middle-width + $focus-outer-width;
+      @include body-colors;
 
       padding: 0.4rem;
       position: absolute;
-      $global-left: $outline-size;
       top: $outline-size;
       z-index: 1000;
     }