diff --git a/app/assets/stylesheets/components/_index.scss b/app/assets/stylesheets/components/_index.scss
index c21d2bcec7e..916ee1b6a7c 100644
--- a/app/assets/stylesheets/components/_index.scss
+++ b/app/assets/stylesheets/components/_index.scss
@@ -15,6 +15,7 @@
 @forward 'icon';
 @forward 'language-picker';
 @forward 'list';
+@forward 'modal';
 @forward 'nav';
 @forward 'page-heading';
 @forward 'password';
diff --git a/app/components/modal_component.scss b/app/assets/stylesheets/components/_modal.scss
similarity index 95%
rename from app/components/modal_component.scss
rename to app/assets/stylesheets/components/_modal.scss
index c92cf63bcc9..7611bc77fc0 100644
--- a/app/components/modal_component.scss
+++ b/app/assets/stylesheets/components/_modal.scss
@@ -1,5 +1,5 @@
 @use 'uswds-core' as *;
-@use 'variables/app' as *;
+@use '../variables/app' as *;
 
 .usa-modal-overlay {
   // Temporary styles to avoid inheriting too much of the USWDS opinionated modal styling until