From 5b165d5cb9e7f9f763d8f9fb406bf4b84d52d8db Mon Sep 17 00:00:00 2001
From: Kayla Washburn <mckayla@hey.com>
Date: Thu, 17 Aug 2023 19:07:57 -0600
Subject: [PATCH] fix: make `displayName` primary in `ParameterLabel` component
 (#9158)

---
 site/src/components/Markdown/Markdown.tsx                    | 5 +++++
 .../src/components/RichParameterInput/RichParameterInput.tsx | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/site/src/components/Markdown/Markdown.tsx b/site/src/components/Markdown/Markdown.tsx
index 85261e5993..0573901802 100644
--- a/site/src/components/Markdown/Markdown.tsx
+++ b/site/src/components/Markdown/Markdown.tsx
@@ -120,6 +120,11 @@ const useStyles = makeStyles((theme) => ({
       marginBottom: theme.spacing(2),
     },
 
+    "& p:only-child": {
+      marginTop: 0,
+      marginBottom: 0,
+    },
+
     "& ul, & ol": {
       display: "flex",
       flexDirection: "column",
diff --git a/site/src/components/RichParameterInput/RichParameterInput.tsx b/site/src/components/RichParameterInput/RichParameterInput.tsx
index 3dd5f3f70c..7d5b83894f 100644
--- a/site/src/components/RichParameterInput/RichParameterInput.tsx
+++ b/site/src/components/RichParameterInput/RichParameterInput.tsx
@@ -43,8 +43,8 @@ const ParameterLabel: FC<ParameterLabelProps> = ({ id, parameter }) => {
 
         {hasDescription ? (
           <Stack spacing={0}>
-            <span className={styles.labelCaption}>{displayName}</span>
-            <MemoizedMarkdown className={styles.labelPrimary}>
+            <span className={styles.labelPrimary}>{displayName}</span>
+            <MemoizedMarkdown className={styles.labelCaption}>
               {parameter.description}
             </MemoizedMarkdown>
           </Stack>