Merge pull request #604 from LifeSG/align-alert-contents

[MISC][NT] Aligned icons and copy for alert component with icon variant
LifeSG · Nov 4, 2024 · aa8a7ee · aa8a7ee
2 parents 0608310 + 140fdea
commit aa8a7ee
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/alert/alert.style.tsx b/src/alert/alert.style.tsx
@@ -76,15 +76,15 @@ export const Wrapper = styled.div<StyleProps>`
 `;
 
 export const AlertIconWrapper = styled.div<StyleProps>`
+    display: flex;
     margin-right: 0.5rem;
 
     // adds extra spacing to align the small icon with text
     ${(props) =>
         props.$sizeType === "small" &&
         css`
-            display: flex;
             align-items: center;
-            height: 1.625rem;
+            height: 1lh;
         `}
 
     ${(props) => {