fix: update <AlertBanner /> styles

jsjoeio · jsjoeio · commit e373605d49b1 · 2023-01-04T20:19:33.000Z
- align text to the left
- add padding to the top of span inside
diff --git a/site/src/components/AlertBanner/AlertBanner.tsx b/site/src/components/AlertBanner/AlertBanner.tsx
@@ -96,6 +96,11 @@ const useStyles = makeStyles<Theme, StyleProps>((theme) => ({
     borderRadius: theme.shape.borderRadius,
     padding: `${theme.spacing(1)}px ${theme.spacing(2)}px`,
     backgroundColor: `${colors.gray[16]}`,
+    textAlign: "left",
+
+    "& span": {
+      paddingTop: `${theme.spacing(0.25)}px`
+    },
 
     // targeting the alert icon rather than the expander icon
     "& svg:nth-child(2)": {
