diff --git a/styles/scss/core/core.scss b/styles/scss/core/core.scss
index 2388358534..b0db18e92e 100644
--- a/styles/scss/core/core.scss
+++ b/styles/scss/core/core.scss
@@ -14,9 +14,9 @@
 @import "~bootstrap/scss/print";
 
 // Paragon core CSS
-@import "../../css/core/variables";
-@import "../../css/core/custom-media-breakpoints";
 @import "../../css/core/abstraction-variables";
+@import "../../css/core/custom-media-breakpoints";
+@import "../../css/core/variables";
 
 // Paragon components
 @import "../../../src";
diff --git a/www/src/scss/openedx-theme.scss b/www/src/scss/openedx-theme.scss
index 7a8bd39ee2..7f449b3b77 100644
--- a/www/src/scss/openedx-theme.scss
+++ b/www/src/scss/openedx-theme.scss
@@ -1,5 +1,5 @@
 @import "~paragon-style/scss/core/core";
 @import "~paragon-style/css/themes/light/variables";
-@import "~paragon-style/css/themes/light/utility-classes";
 @import "~paragon-style/css/themes/light/abstraction-variables";
+@import "~paragon-style/css/themes/light/utility-classes";
 @import "base";