From 425fb182604fff559c4a3c132303ab969b89c152 Mon Sep 17 00:00:00 2001 From: Hannah Date: Tue, 3 Sep 2024 14:28:16 +1000 Subject: [PATCH] fix: changed error message icon to top align instead of center --- .../ui/src/components/error-message/error-message.styles.ts | 4 ++-- 1 file changed, 2 insertions(+), 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 index 84946e97c..a7b60ab95 100644 --- 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]', }, });