Merge pull request #861 from WestpacGEL/fix/error-message-alignment

fix: changed error message icon to top align instead of center
WestpacGEL · Sep 4, 2024 · b900bbc · b900bbc
2 parents 1b2e745 + 425fb18
commit b900bbc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/ui/src/components/error-message/error-message.styles.ts b/packages/ui/src/components/error-message/error-message.styles.ts
@@ -2,9 +2,9 @@ import { tv } from 'tailwind-variants';
 
 export const styles = tv({
   slots: {
-    base: 'typography-body-11 flex items-center text-danger',
+    base: 'typography-body-11 flex items-start text-danger',
     list: 'mb-2 flex flex-col gap-1',
     // below should be em rather than rem based on old GEL
-    icon: 'mr-[0.5em] align-top',
+    icon: 'mr-[0.5em] align-top mt-[0.15rem]',
   },
 });