diff --git a/build/scss/_cards.scss b/build/scss/_cards.scss
index 57c006199..b72b2ad04 100644
--- a/build/scss/_cards.scss
+++ b/build/scss/_cards.scss
@@ -2,6 +2,15 @@
 // Component: Cards
 //
 
+// Color variants
+@each $name, $color in $theme-colors {
+  @include cards-variant($name, $color);
+}
+
+@each $name, $color in $colors {
+  @include cards-variant($name, $color);
+}
+
 .card {
   @include box-shadow($card-shadow);
   margin-bottom: map-get($spacers, 3);
@@ -211,7 +220,7 @@ html.maximized-card {
   }
 
   .nav-link {
-    padding: $card-nav-link-padding-sm-y $card-nav-link-padding-sm-x; 
+    padding: $card-nav-link-padding-sm-y $card-nav-link-padding-sm-x;
   }
 }
 
@@ -401,16 +410,6 @@ html.maximized-card {
   max-width: 200px;
 }
 
-// Color variants
-@each $name, $color in $theme-colors {
-  @include cards-variant($name, $color);
-}
-
-@each $name, $color in $colors {
-  @include cards-variant($name, $color);
-}
-
-
 // Nav Tabs override
 .card-default {
   .nav-item {