Skip to content

Design: Icons and text don't align in the banner and alerts #4642

@mworrest

Description

@mworrest

Describe the bug

When applying the USWDS banner and alerts to our site, icons and text don't align (see screenshot):

Steps to reproduce the bug

  1. add components from USDS library and do a visual comparison

Expected behavior

Design elements like icons and text should align to make it easier for users to scan content.

Screenshots

144462709-9396594b-a32f-41c5-9f5c-bb734d0e41dd

System setup

  • USWDS version: 2.13.2
  • Device: n/a
  • Operating system: n/a
  • Browser and version: n/a

Additional context

Add any other context about the problem.

Metadata

Metadata

Assignees

Labels

Affects: Visual DesignRelates to how our components look on-screenNeeds: DiscussionWe need to discuss an approach to this issueRole: VisualVisual design skills needed

Type

No type

Projects

Status

Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions