fix: changed error message icon to top align instead of center

WestpacGEL · Sep 3, 2024 · 425fb18 · 425fb18
1 parent 1b2e745
commit 425fb18
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]',
   },
 });