diff --git a/scss/atat.scss b/scss/atat.scss
index e8cbb614..772d5e57 100644
--- a/scss/atat.scss
+++ b/scss/atat.scss
@@ -21,7 +21,7 @@
 @import 'components/empty_state';
 @import 'components/alerts';
 @import 'components/modal';
+@import 'components/footer';
+@import 'components/progress_menu.scss';
 
-@import 'sections/footer';
 @import 'sections/login';
-@import 'sections/progress_menu.scss';
diff --git a/scss/sections/_footer.scss b/scss/components/_footer.scss
similarity index 89%
rename from scss/sections/_footer.scss
rename to scss/components/_footer.scss
index b6161917..964ff393 100644
--- a/scss/sections/_footer.scss
+++ b/scss/components/_footer.scss
@@ -1,6 +1,6 @@
-footer {
+.app-footer {
   background-color: $color-gray-lightest;
   border-top: 1px solid $color-gray-lighter;
   padding-left: $gap*4;
   padding-bottom: $gap*2;
-}
\ No newline at end of file
+}
diff --git a/scss/sections/_progress_menu.scss b/scss/components/_progress_menu.scss
similarity index 100%
rename from scss/sections/_progress_menu.scss
rename to scss/components/_progress_menu.scss