refs #893 There's no need for a wrapping box...

vocdoni · Feb 4, 2025 · d478a46 · d478a46
1 parent 787d45a
commit d478a46
Showing 1 changed file with 14 additions and 15 deletions.
diff --git a/src/components/Layout/AlertIcon.tsx b/src/components/Layout/AlertIcon.tsx
@@ -1,4 +1,4 @@
-import { AlertIconProps, Box, chakra, useAlertContext, useAlertStyles } from '@chakra-ui/react'
+import { AlertIconProps, chakra, useAlertContext, useAlertStyles } from '@chakra-ui/react'
 import { cx } from '@chakra-ui/utils'
 import { cloneElement } from 'react'
 import { FaRegCheckCircle } from 'react-icons/fa'
@@ -19,19 +19,18 @@ export const AlertIcon = (props: AlertIconProps) => {
   const icon = icons[status] || <RiErrorWarningLine />
 
   return (
-    <Box gridRowStart={1} gridRowEnd={3} display={'flex'} justifyContent={'center'} alignItems={'center'}>
-      <chakra.span
-        display='inherit'
-        data-status={status}
-        {...props}
-        className={cx('chakra-alert__icon', props.className)}
-        __css={css}
-        {...props}
-      >
-        {cloneElement(icon, {
-          color: css.color,
-        })}
-      </chakra.span>
-    </Box>
+    <chakra.span
+      display='inherit'
+      data-status={status}
+      alignSelf='center'
+      {...props}
+      className={cx('chakra-alert__icon', props.className)}
+      __css={css}
+      {...props}
+    >
+      {cloneElement(icon, {
+        color: css.color,
+      })}
+    </chakra.span>
   )
 }