Merge pull request #1026 from hashicorp/leah/fix/alert-banner-style

fix: alert banner styling
hashicorp · May 21, 2024 · a648ded · a648ded
2 parents a3bea2f + f4e8af2
commit a648ded
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/.changeset/swift-doors-clap.md b/.changeset/swift-doors-clap.md
@@ -0,0 +1,5 @@
+---
+'@hashicorp/react-alert-banner': patch
+---
+
+fix alert banner styling
diff --git a/packages/alert-banner/style.module.css b/packages/alert-banner/style.module.css
@@ -31,17 +31,12 @@
 }
 
 .textContainer {
-  composes: g-grid-container from global;
   align-items: flex-start;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   min-height: 32px;
   margin: 0;
   padding: 4px 0 4px 10px;
-
-  @media (min-width: 576px) {
-    flex-direction: row;
-  }
 }
 
 .tag {
@@ -68,13 +63,8 @@
   align-items: flex-start;
   display: flex;
   justify-content: center;
-  margin-right: 0;
-  margin-top: 8px;
-
-  @media (min-width: 576px) {
-    margin-right: 48px;
-    margin-top: 0;
-  }
+  margin-right: 10px;
+  margin-top: 0;
 }
 
 .link {