diff --git a/public/scss/mixins.scss b/public/scss/mixins.scss
index 46b22f7ed3..d561596e94 100644
--- a/public/scss/mixins.scss
+++ b/public/scss/mixins.scss
@@ -86,4 +86,10 @@
 	.line-clamp-#{$i} {
 		@include line-clamp($i);
 	}
+}
+
+@each $color, $value in $grays {
+	.border-gray-#{$color} {
+		border-color: $value !important;
+	}
 }
\ No newline at end of file
diff --git a/src/meta/css.js b/src/meta/css.js
index 8d87f920ba..09524921cf 100644
--- a/src/meta/css.js
+++ b/src/meta/css.js
@@ -26,10 +26,10 @@ CSS.supportedSkins = [
 const buildImports = {
 	client: function (source, themeData) {
 		return [
+			boostrapImport(themeData),
 			'@import "mixins";',
 			'@import "fontawesome";',
 			'@import "@adactive/bootstrap-tagsinput/src/bootstrap-tagsinput";',
-			boostrapImport(themeData),
 			'@import "generics";',
 			source,
 			'@import "jquery-ui";',