MWPW-139169 - Vertically center aside notification icon (#1530)

* vertically center aside notification icon area * change fixed height to max height --------- Co-authored-by: Blaine Gunn <Blainegunn@gmail.com>
adobecom · Dec 4, 2023 · 699fadc · 699fadc
1 parent c744452
commit 699fadc
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/libs/blocks/aside/aside.css b/libs/blocks/aside/aside.css
@@ -143,6 +143,11 @@
   align-items: center;
 }
 
+.aside.notification .icon-area {
+  display: flex;
+  align-items: center;
+}
+
 .aside .foreground.container .icon-area {
   height: 56px;
   max-width: 234px;
@@ -350,7 +355,8 @@
 }
 
 .aside.notification .foreground.container .icon-area img {
-  height: 40px;
+  max-height: 40px;
+  height: auto;
 }
 
 .aside.notification.extra-small .foreground.container {