diff --git a/src/assets/styles/bmc/_helpers.scss b/src/assets/styles/bmc/_helpers.scss
index bec209b..217c90e 100644
--- a/src/assets/styles/bmc/_helpers.scss
+++ b/src/assets/styles/bmc/_helpers.scss
@@ -1,3 +1,3 @@
 @import "./helpers/colors";
-@import "./helpers/variables";
-@import "./helpers/motion";
\ No newline at end of file
+@import "./helpers/motion";
+@import "./helpers/variables";
\ No newline at end of file
diff --git a/src/assets/styles/bmc/helpers/_variables.scss b/src/assets/styles/bmc/helpers/_variables.scss
index f59cfc1..cbee2df 100644
--- a/src/assets/styles/bmc/helpers/_variables.scss
+++ b/src/assets/styles/bmc/helpers/_variables.scss
@@ -1,8 +1,9 @@
-@import "./colors";
-
 // Override Bootstrap Variables - node_modules/Bootstrap/scss/_variables.scss
 $enable-rounded: false;
 $enable-validation-icons: false;
+$transition-base:             all $duration--moderate-02 $standard-easing--productive;
+$transition-fade:             opacity $duration--moderate-01 $standard-easing--productive;
+$transition-collapse:         height $duration--slow-01 $standard-easing--expressive;
 
 // OpenBMC Custom Variables
 $responsive-layout-bp: lg;