diff --git a/assets/styles/fonts/_icons.scss b/assets/styles/fonts/_icons.scss
index 876e7dee2d..64231dcd08 100644
--- a/assets/styles/fonts/_icons.scss
+++ b/assets/styles/fonts/_icons.scss
@@ -1,6 +1,4 @@
 
-@import "~assets/fonts/icons/variables.scss";
-
 $icomoon-font-path: '~assets/fonts/icons/fonts' !global;
 $icomoon-font-family: 'icons' !global;
 
diff --git a/assets/styles/global/_columns.scss b/assets/styles/global/_columns.scss
index 2b82508582..6362c8883e 100644
--- a/assets/styles/global/_columns.scss
+++ b/assets/styles/global/_columns.scss
@@ -75,9 +75,9 @@ $GUTTER: 1.75%;
   flex-wrap: wrap;
 
   .flex-item-half {
-      flex-grow: 1;
-      display: flex;
-      width: 50%;
+    flex-grow: 1;
+    display: flex;
+    width: 50%;
   }
 }
 
diff --git a/assets/styles/vendor/vue-js-modal.scss b/assets/styles/vendor/vue-js-modal.scss
index 592e5bcc2e..d7141711bd 100644
--- a/assets/styles/vendor/vue-js-modal.scss
+++ b/assets/styles/vendor/vue-js-modal.scss
@@ -1,9 +1,6 @@
 @import 'node_modules/vue-js-modal/dist/styles.css';
-@import "~assets/styles/base/_variables.scss";
-@import "~assets/styles/base/_functions.scss";
-@import "~assets/styles/base/_mixins.scss";
 
 .v--modal-overlay {
-    background-color: var(--overlay-bg);
-    z-index: z-index('modalOverlay');
+  background-color: var(--overlay-bg);
+  z-index: z-index('modalOverlay');
 }
diff --git a/components/ActionMenu.vue b/components/ActionMenu.vue
index 7a00b2bb77..af2a0fe059 100644
--- a/components/ActionMenu.vue
+++ b/components/ActionMenu.vue
@@ -94,10 +94,6 @@ export default {
 </template>
 
 <style lang="scss" scoped>
-  @import "~assets/styles/base/_variables.scss";
-  @import "~assets/styles/base/_functions.scss";
-  @import "~assets/styles/base/_mixins.scss";
-
   .root {
     position: absolute;
   }
diff --git a/components/Loading.vue b/components/Loading.vue
index c4bef2d1a1..54d3c4a353 100644
--- a/components/Loading.vue
+++ b/components/Loading.vue
@@ -24,10 +24,6 @@ export default {
 </template>
 
 <style lang="scss" scoped>
-  @import "~assets/styles/base/_variables.scss";
-  @import "~assets/styles/base/_functions.scss";
-  @import "~assets/styles/base/_mixins.scss";
-
   .overlay {
     z-index: z-index('loadingOverlay');
     background-color: var(--overlay-bg);
diff --git a/components/ResourceYaml.vue b/components/ResourceYaml.vue
index 1b04a5ff11..930f2f7805 100644
--- a/components/ResourceYaml.vue
+++ b/components/ResourceYaml.vue
@@ -263,9 +263,6 @@ export default {
 </template>
 
 <style lang="scss">
-@import "~assets/styles/base/_variables.scss";
-@import "~assets/styles/base/_functions.scss";
-@import "~assets/styles/base/_mixins.scss";
 .resource-yaml {
   flex: 1;
   display: flex;
diff --git a/components/SortableTable/index.vue b/components/SortableTable/index.vue
index 8bce81238b..9b0b182fed 100644
--- a/components/SortableTable/index.vue
+++ b/components/SortableTable/index.vue
@@ -509,9 +509,6 @@ export default {
 </template>
 
 <style lang="scss">
-@import "~assets/styles/base/_variables.scss";
-@import "~assets/styles/base/_functions.scss";
-@import "~assets/styles/base/_mixins.scss";
 //
 // Important: Almost all selectors in here need to be ">"-ed together so they
 // apply only to the current table, not one nested inside another table.
diff --git a/components/formatter/BadgeState.vue b/components/formatter/BadgeState.vue
index f92386fb3c..3f65378490 100644
--- a/components/formatter/BadgeState.vue
+++ b/components/formatter/BadgeState.vue
@@ -25,8 +25,6 @@ export default {
 </template>
 
 <style lang="scss">
-  @import "~assets/styles/base/_mixins.scss";
-
   .badge-state {
     padding: 5px 5px 5px 0;
     border: 1px solid transparent;