diff --git a/scss/_variables.scss b/scss/_variables.scss
index e5aa9e9256565d6dd469854cd39a1d99ad2165f2..53aff92c9085c63d2fc973fd28fd19138062e823 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -217,29 +217,6 @@ $grid-gutter-widths: (
 ) !default;
 
 
-// Components
-//
-// Define common padding and border radius sizes and more.
-
-$line-height-lg:         1.5 !default;
-$line-height-sm:         1.5 !default;
-
-$border-width: 1px !default;
-
-$border-radius:          .25rem !default;
-$border-radius-lg:       .3rem !default;
-$border-radius-sm:       .2rem !default;
-
-$component-active-color: $white !default;
-$component-active-bg:    $brand-primary !default;
-
-$caret-width:            .3em !default;
-
-$transition-base:        all .2s ease-in-out !default;
-$transition-fade:        opacity .15s linear !default;
-$transition-collapse:    height .35s ease !default;
-
-
 // Fonts
 //
 // Font, line-height, and color for body text, headings, and more.
@@ -308,6 +285,29 @@ $nested-kbd-font-weight: $font-weight-bold !default;
 $list-inline-padding: 5px !default;
 
 
+// Components
+//
+// Define common padding and border radius sizes and more.
+
+$line-height-lg:         1.5 !default;
+$line-height-sm:         1.5 !default;
+
+$border-width: 1px !default;
+
+$border-radius:          .25rem !default;
+$border-radius-lg:       .3rem !default;
+$border-radius-sm:       .2rem !default;
+
+$component-active-color: $white !default;
+$component-active-bg:    $brand-primary !default;
+
+$caret-width:            .3em !default;
+
+$transition-base:        all .2s ease-in-out !default;
+$transition-fade:        opacity .15s linear !default;
+$transition-collapse:    height .35s ease !default;
+
+
 // Tables
 //
 // Customizes the `.table` component with basic values, each used across all table variations.