From 4dd95c5e01385df085629b72b2d8f84fa94066a3 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Wed, 1 Mar 2023 14:53:59 -0300
Subject: [PATCH] fix(site): Fix long template descriptions (#6403)

---
 site/src/components/PageHeader/PageHeader.tsx | 2 ++
 site/src/theme/overrides.ts                   | 1 +
 2 files changed, 3 insertions(+)

diff --git a/site/src/components/PageHeader/PageHeader.tsx b/site/src/components/PageHeader/PageHeader.tsx
index a07ea2361d..f131878035 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 88e370af4b..65e57a2643 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}`,