Fix HD Toast icon alignment (#4357)

Co-authored-by: Josh Wooding <[email protected]>
jpmorganchase · Jan 21, 2025 · c5d61e2 · c5d61e2
1 parent eed82f8
commit c5d61e2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/wet-swans-wave.md b/.changeset/wet-swans-wave.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Fixed Toast icon alignment.
diff --git a/packages/core/src/toast/Toast.css b/packages/core/src/toast/Toast.css
@@ -30,7 +30,7 @@
 
 /* Styles applied to icon */
 .saltToast-iconContainer > .saltIcon {
-  margin: calc(var(--salt-spacing-75) + 2px) 0 var(--salt-spacing-75) 0;
+  margin-top: calc(var(--salt-spacing-75) + calc((var(--salt-text-lineHeight) - max(var(--salt-size-icon), 12px)) / 2));
   color: var(--toast-iconColor);
 }