From 2c1c4d613c882139b9c3974ff86f4a3c087e0f1b Mon Sep 17 00:00:00 2001
From: Lundbyit <Lundbyit@users.noreply.github.com>
Date: Fri, 2 Oct 2020 15:07:47 +0200
Subject: [PATCH] Storybook: Fix checkbox spacing (#27980)

* Remove <br> and add line-height

* use theme line-height instead of custom
---
 packages/grafana-ui/src/components/Forms/Checkbox.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/grafana-ui/src/components/Forms/Checkbox.tsx b/packages/grafana-ui/src/components/Forms/Checkbox.tsx
index 92d42833428..ea704c4bced 100644
--- a/packages/grafana-ui/src/components/Forms/Checkbox.tsx
+++ b/packages/grafana-ui/src/components/Forms/Checkbox.tsx
@@ -25,6 +25,7 @@ export const getCheckboxStyles = stylesFactory((theme: GrafanaTheme) => {
     description: cx(
       labelStyles.description,
       css`
+        line-height: ${theme.typography.lineHeight.sm};
         padding-left: ${theme.spacing.formSpacingBase}px;
       `
     ),
@@ -117,12 +118,7 @@ export const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(
         />
         <span className={styles.checkmark} />
         {label && <span className={styles.label}>{label}</span>}
-        {description && (
-          <>
-            <br />
-            <span className={styles.description}>{description}</span>
-          </>
-        )}
+        {description && <span className={styles.description}>{description}</span>}
       </label>
     );
   }