From 3964537df8bc96cead5c5e3fa73d05c903ee32cc Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Wed, 18 Jan 2023 17:52:02 +0000
Subject: [PATCH] refactor: Refactor tokens layout a bit

---
 site/src/components/SettingsLayout/Section.tsx            | 1 +
 site/src/pages/UserSettingsPage/TokensPage/TokensPage.tsx | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/site/src/components/SettingsLayout/Section.tsx b/site/src/components/SettingsLayout/Section.tsx
index e701dd4d7dc6d..0ebf343013726 100644
--- a/site/src/components/SettingsLayout/Section.tsx
+++ b/site/src/components/SettingsLayout/Section.tsx
@@ -75,5 +75,6 @@ const useStyles = makeStyles((theme) => ({
     color: theme.palette.text.secondary,
     fontSize: 16,
     marginTop: theme.spacing(0.5),
+    lineHeight: "140%",
   },
 }))
diff --git a/site/src/pages/UserSettingsPage/TokensPage/TokensPage.tsx b/site/src/pages/UserSettingsPage/TokensPage/TokensPage.tsx
index 169464c07f7ca..5e6a6c9c2629d 100644
--- a/site/src/pages/UserSettingsPage/TokensPage/TokensPage.tsx
+++ b/site/src/pages/UserSettingsPage/TokensPage/TokensPage.tsx
@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from "react"
-import { Section } from "../../../components/Section/Section"
+import { Section } from "../../../components/SettingsLayout/Section"
 import { TokensPageView } from "./TokensPageView"
 import { tokensMachine } from "xServices/tokens/tokensXService"
 import { useMachine } from "@xstate/react"
@@ -22,10 +22,10 @@ export const TokensPage: FC<PropsWithChildren<unknown>> = () => {
   const { getTokensError, tokens, deleteTokenId } = tokensState.context
   const styles = useStyles()
   const description = (
-    <p>
+    <>
       {Language.descriptionPrefix}{" "}
       <code className={styles.code}>coder tokens create</code> command.
-    </p>
+    </>
   )
 
   const content = (