diff --git a/app/src/scss/main.scss b/app/src/scss/main.scss
index 14dc296a..7525c567 100644
--- a/app/src/scss/main.scss
+++ b/app/src/scss/main.scss
@@ -90,6 +90,13 @@
   // Overwrite list-group-item variants to lighter ones (used in diagnosis for example)
   @each $color, $value in $theme-colors {
     @include list-group-item-variant($color, theme-color-level($color, $list-group-item-bg-level), theme-color-level($color, $list-group-item-color-level));
+
+    .btn-#{$color} {
+      &:focus,
+      &.focus {
+        box-shadow: 0 0 0 $btn-focus-width rgba($value, .3);
+      }
+    }
   }
 }
 
@@ -124,13 +131,6 @@
     .alert-#{$color} {
       @include alert-variant(theme-color-level($color, -6), theme-color-level($color, -5), theme-color-level($color, 2));
     }
-
-    .btn-#{$color} {
-      &:focus,
-      &.focus {
-        box-shadow: 0 0 0 $btn-focus-width rgba($value, .3);
-      }
-    }
   }
 }