diff --git a/aio/src/styles/0-base/_base-dir.scss b/aio/src/styles/0-base/_index.scss
similarity index 100%
rename from aio/src/styles/0-base/_base-dir.scss
rename to aio/src/styles/0-base/_index.scss
diff --git a/aio/src/styles/1-layouts/_layouts-dir.scss b/aio/src/styles/1-layouts/_index.scss
similarity index 68%
rename from aio/src/styles/1-layouts/_layouts-dir.scss
rename to aio/src/styles/1-layouts/_index.scss
index 0ea1d27db2..271bf3b12b 100644
--- a/aio/src/styles/1-layouts/_layouts-dir.scss
+++ b/aio/src/styles/1-layouts/_index.scss
@@ -2,9 +2,9 @@
    LAYOUT STYLES
    ============================== */
 
-@import 'content-layout';
-@import 'doc-viewer';
-@import 'footer';
+@import 'content-layout/content-layout';
+@import 'doc-viewer/doc-viewer';
+@import 'footer/footer';
 @import 'layout-global';
 @import 'marketing-layout/marketing-layout';
 @import 'not-found';
diff --git a/aio/src/styles/2-modules/_modules-dir.scss b/aio/src/styles/2-modules/_index.scss
similarity index 100%
rename from aio/src/styles/2-modules/_modules-dir.scss
rename to aio/src/styles/2-modules/_index.scss
diff --git a/aio/src/styles/main.scss b/aio/src/styles/main.scss
index b3edeaa6f1..a191649446 100755
--- a/aio/src/styles/main.scss
+++ b/aio/src/styles/main.scss
@@ -8,9 +8,9 @@
 @import './mixins';
 
 // import directories
-@import './0-base/base-dir';
-@import './1-layouts/layouts-dir';
-@import './2-modules/modules-dir';
+@import './0-base';
+@import './1-layouts';
+@import './2-modules';
 
 // import print styles
 @import './print';