diff --git a/js/apps/system/aardvark/frontend/scss/_api.scss b/js/apps/system/aardvark/frontend/scss/_api.scss
new file mode 100644
index 0000000000..d2997a2050
--- /dev/null
+++ b/js/apps/system/aardvark/frontend/scss/_api.scss
@@ -0,0 +1,82 @@
+.swagger-ui-wrap #resources li.resource {
+  background-color: $c-api-docs-bg;
+}
+
+.centralContent {
+  .api-actions {
+    margin: 0 !important;
+    padding: 0;
+  }
+
+  .api-actions .container {
+    margin-bottom: 0 !important;
+    margin-left: 5px !important;
+    margin-right: 5px !important;
+    margin-top: 0 !important;
+    padding-bottom: 10px !important;
+    padding-top: 13px !important;
+  }
+
+  .api-actions .resource {
+    border-bottom: 0 !important;
+    padding-left: 5px !important;
+  }
+
+  .api-actions .resource .heading h2 a {
+    color: $c-black !important;
+    font-weight: 300 !important;
+  }
+
+  .api-actions .active .heading h2 a {
+    color: $c-black !important;
+  }
+
+  .api-actions .endpoints {
+    margin-right: 5px !important;
+  }
+
+  .api-actions .endpoints .endpoint:last-child {
+    padding-bottom: 5px !important;
+  }
+
+  .api-actions .endpoint .operations .heading,
+  .api-actions .endpoint .operations .content {
+    border-radius: 0 !important;
+    font-weight: 300 !important;
+  }
+
+  .api-actions .endpoint .operations .content {
+    margin: 0 !important;
+  }
+
+  .api-actions .endpoint .operations .content h4 {
+    font-weight: 700 !important;
+  }
+
+  .api-actions .toggleOperation,
+  .api-actions .http_method {
+    border-radius: 0 !important;
+  }
+
+  .api-actions .required,
+  .api-actions em,
+  .api-actions strong {
+    font-weight: 400 !important;
+  }
+
+  .api-actions input[type="button"] {
+    background: none repeat scroll 0 0 $c-api-docs-bg-input !important;
+    border: medium none !important;
+    box-shadow: none !important;
+    color: $c-white !important;
+    float: right !important;
+    font-size: 14px !important;
+    font-weight: 300 !important;
+    margin-top: 10px !important;
+    padding: 8px 16px !important;
+  }
+
+  .api-actions .resource > .heading > .options {
+    margin: 11px 10px 0 0 !important;
+  }
+}
diff --git a/js/apps/system/aardvark/frontend/scss/api.scss b/js/apps/system/aardvark/frontend/scss/api.scss
deleted file mode 100644
index 04a15b4b13..0000000000
--- a/js/apps/system/aardvark/frontend/scss/api.scss
+++ /dev/null
@@ -1,82 +0,0 @@
-.swagger-ui-wrap ul#resources li.resource {
-  background-color: $c-api-docs-bg;
-}
-
-.centralContent {
-    .api-actions {
-      margin: 0 !important;
-      padding: 0;
-    }
-
-    .api-actions .container {
-      margin-top: 0 !important;
-      margin-bottom: 0 !important;
-      margin-left: 5px !important;
-      margin-right: 5px !important;
-      padding-top: 13px !important;
-      padding-bottom: 10px !important;
-    }
-
-    .api-actions .resource {
-      border-bottom: 0 !important;
-      padding-left: 5px !important;
-    }
-
-    .api-actions .resource .heading h2 a {
-      color: $c-black !important;
-      font-weight: 300 !important;
-    }
-
-    .api-actions .active .heading h2 a {
-      color: $c-black !important;
-    }
-
-    .api-actions .endpoints {
-      margin-right: 5px !important;
-    }
-
-    .api-actions .endpoints .endpoint:last-child {
-      padding-bottom: 5px !important;
-    }
-
-    .api-actions .endpoint .operations .heading,
-    .api-actions .endpoint .operations .content {
-      border-radius: 0 !important;
-      font-weight: 300 !important;
-    }
-
-    .api-actions .endpoint .operations .content {
-      margin: 0 !important;
-    }
-
-    .api-actions .endpoint .operations .content h4 {
-      font-weight: 700 !important;
-    }
-
-    .api-actions .toggleOperation,
-    .api-actions .http_method {
-      border-radius: 0 !important;
-    }
-
-    .api-actions .required,
-    .api-actions em,
-    .api-actions strong {
-      font-weight: 400 !important;
-    }
-
-    .api-actions input[type="button"] {
-      background: none repeat scroll 0 0 $c-api-docs-bg-input !important;
-      border: medium none !important;
-      box-shadow: none !important;
-      color: $c-white !important;
-      float: right !important;
-      font-size: 14px !important;
-      font-weight: 300 !important;
-      margin-top: 10px !important;
-      padding: 8px 16px !important;
-    }
-
-    .api-actions .resource > .heading > .options {
-      margin: 11px 10px 0 0 !important;
-    }
-}