diff --git a/src/components/misc/api-config.vue b/src/components/misc/api-config.vue
index 02be79ecc..a60f0bb58 100644
--- a/src/components/misc/api-config.vue
+++ b/src/components/misc/api-config.vue
@@ -197,3 +197,18 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.api-config {
+  margin-bottom: .75rem;
+}
+
+.api-url-info {
+  font-size: .9rem;
+  text-align: right;
+
+  span.url {
+    border-bottom: 1px dashed $primary;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/components/_index.scss b/src/styles/components/_index.scss
index 333266d0e..938a524f9 100644
--- a/src/styles/components/_index.scss
+++ b/src/styles/components/_index.scss
@@ -18,7 +18,6 @@
 @import "namespaces";
 @import "legal";
 @import "keyboard-shortcuts";
-@import "api-config";
 @import "datepicker";
 @import "notifications";
 @import "quick-actions";
\ No newline at end of file
diff --git a/src/styles/components/api-config.scss b/src/styles/components/api-config.scss
deleted file mode 100644
index 1da13452b..000000000
--- a/src/styles/components/api-config.scss
+++ /dev/null
@@ -1,12 +0,0 @@
-.api-config {
-  margin-bottom: .75rem;
-}
-
-.api-url-info {
-  font-size: .9rem;
-  text-align: right;
-
-  span.url {
-    border-bottom: 1px dashed $primary;
-  }
-}