From c9d19a8571b893cd0c6da9b503db6ad04640470a Mon Sep 17 00:00:00 2001
From: Adam Moore <nerdfunk@gmail.com>
Date: Thu, 16 Jan 2020 21:01:59 +0900
Subject: [PATCH] [docs] Use reasonable unitless line-height for Box (#19260)

---
 docs/src/pages/system/typography/LineHeight.js  | 4 ++--
 docs/src/pages/system/typography/LineHeight.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/src/pages/system/typography/LineHeight.js b/docs/src/pages/system/typography/LineHeight.js
index a4eb268af0f220..5527469760f358 100644
--- a/docs/src/pages/system/typography/LineHeight.js
+++ b/docs/src/pages/system/typography/LineHeight.js
@@ -8,8 +8,8 @@ export default function LineHeight() {
       <Box lineHeight="normal" m={1}>
         Normal height.
       </Box>
-      <Box lineHeight={10} m={1}>
-        10 px.
+      <Box lineHeight={2} m={1}>
+        line-height: 2
       </Box>
     </Typography>
   );
diff --git a/docs/src/pages/system/typography/LineHeight.tsx b/docs/src/pages/system/typography/LineHeight.tsx
index a4eb268af0f220..5527469760f358 100644
--- a/docs/src/pages/system/typography/LineHeight.tsx
+++ b/docs/src/pages/system/typography/LineHeight.tsx
@@ -8,8 +8,8 @@ export default function LineHeight() {
       <Box lineHeight="normal" m={1}>
         Normal height.
       </Box>
-      <Box lineHeight={10} m={1}>
-        10 px.
+      <Box lineHeight={2} m={1}>
+        line-height: 2
       </Box>
     </Typography>
   );