diff --git a/site/src/components/PageHeader/PageHeader.tsx b/site/src/components/PageHeader/PageHeader.tsx index a07ea2361d632..f13187803594a 100644 --- a/site/src/components/PageHeader/PageHeader.tsx +++ b/site/src/components/PageHeader/PageHeader.tsx @@ -59,6 +59,7 @@ const useStyles = makeStyles((theme) => ({ alignItems: "center", paddingTop: theme.spacing(6), paddingBottom: theme.spacing(6), + gap: theme.spacing(4), [theme.breakpoints.down("sm")]: { flexDirection: "column", @@ -83,6 +84,7 @@ const useStyles = makeStyles((theme) => ({ margin: 0, marginTop: ({ condensed }: { condensed?: boolean }) => condensed ? theme.spacing(0.5) : theme.spacing(1), + lineHeight: "140%", }, actions: { diff --git a/site/src/theme/overrides.ts b/site/src/theme/overrides.ts index 88e370af4ba5e..65e57a2643cab 100644 --- a/site/src/theme/overrides.ts +++ b/site/src/theme/overrides.ts @@ -49,6 +49,7 @@ export const getOverrides = ({ textTransform: "none", letterSpacing: "none", border: `1px solid ${palette.divider}`, + whiteSpace: "nowrap", "&:focus-visible": { outline: `2px solid ${palette.primary.dark}`,