refactor: Refactor tokens layout a bit (coder#5771)

BrunoQuaresma · web-flow · commit bd8437b6790a · 2023-01-19T10:00:59.000-03:00
diff --git 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
@@ -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 = (
