fix: Better alignment for Alert icons

Doist · Oct 23, 2024 · 39f20f7 · 39f20f7
1 parent 0eea18f
commit 39f20f7
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/alert/alert.tsx b/src/alert/alert.tsx
@@ -35,7 +35,9 @@ function Alert({ id, children, tone, closeLabel, onClose }: AlertProps) {
         >
             <Columns space="small" alignY="center">
                 <Column width="content">
-                    <AlertIcon tone={tone} className={styles.icon} />
+                    <Box display="flex" alignItems="center">
+                        <AlertIcon tone={tone} className={styles.icon} />
+                    </Box>
                 </Column>
                 <Column>
                     <Box