diff --git a/services/drupal/web/themes/epa_theme/source/_patterns/03-uswds/site-alert/_site-alert.scss b/services/drupal/web/themes/epa_theme/source/_patterns/03-uswds/site-alert/_site-alert.scss index fab6b44333..da40cdf6df 100644 --- a/services/drupal/web/themes/epa_theme/source/_patterns/03-uswds/site-alert/_site-alert.scss +++ b/services/drupal/web/themes/epa_theme/source/_patterns/03-uswds/site-alert/_site-alert.scss @@ -1,12 +1,19 @@ @use '../../00-config' as *; .usa-site-alert { + z-index: 1; + .usa-alert { margin-bottom: 0; overflow: visible; .usa-alert__body { + align-items: flex-start; + display: flex; + flex-direction: row; + justify-content: flex-start; max-width: 100%; + padding-right: rem(gesso-spacing(3)); } } @@ -16,9 +23,8 @@ } } - .usa-alert__body { - display: flex; - justify-content: space-between; + .usa-alert__content { + flex-grow: 1; } } diff --git a/services/drupal/web/themes/epa_theme/source/_patterns/05-components/site-alert/_site-alert.scss b/services/drupal/web/themes/epa_theme/source/_patterns/05-components/site-alert/_site-alert.scss index c7c9971702..13d1e4aa00 100644 --- a/services/drupal/web/themes/epa_theme/source/_patterns/05-components/site-alert/_site-alert.scss +++ b/services/drupal/web/themes/epa_theme/source/_patterns/05-components/site-alert/_site-alert.scss @@ -3,10 +3,6 @@ @use '../../00-config/00-functions' as *; -.usa-site-alert { - z-index: 1; -} - .usa-alert__close { background: transparent; border: 0;