Describe the bug

When forwarding usa-banner & usa-footer packages and not the usa-layout-grid package, there are visual regressions within the banner.

This is caused by the new layout grid styles added to the footer stylesheet in #5675

Steps to reproduce the bug

1. Add banner and footer to a page.
2. Remove all other packages or @forward "uswds" from styles.scss file.
3. Only import usa-banner & usa-footer.
4. Compile and inspect display of the banner component.

Expected Behavior

Banner and footer should display as expected without forwarding the layout grid package

Related code

styles.scss

@forward "uswds-theme";
@forward "usa-banner";
@forward "usa-footer";
@forward "uswds-theme-custom-styles";

This seems to be the definition that is causing the visual regression

Screenshots

System setup

No response

Additional context

No response

Code of Conduct

• I agree to follow this project's Code of Conduct.
• I checked the current issues for duplicate bug reports.