Tweak line heights

packages/website/ts/@next/components/text.tsx

@@ -33,10 +33,17 @@ interface ParagraphSizes {
 }
 
 const HEADING_SIZES: HeadingSizes = {
-    large: '80px',
-    medium: '50px',
-    default: '28px',
     small: '20px',
+    default: '28px',
+    medium: '50px',
+    large: '80px',
+};
+
+const HEADING_LINE_HEIGHTS: HeadingSizes = {
+    small: '1.4em',
+    default: '1.357142857em',
+    medium: '1.16em',
+    large: '1em',
 };
 
 const PARAGRAPH_SIZES: ParagraphSizes = {
@@ -49,6 +56,7 @@ const PARAGRAPH_SIZES: ParagraphSizes = {
 const StyledHeading = styled.h1<HeadingProps>`
     color: ${props => props.color || props.theme.textColor};
     font-size: ${props => HEADING_SIZES[props.size || 'default']};
+    line-height: ${props => HEADING_LINE_HEIGHTS[props.size || 'default']};
     font-weight: 300;
     margin-bottom: ${props => !props.isNoMargin && '30px'};
     text-align: ${props => props.isCentered && 'center'};

packages/website/ts/@next/constants/globalStyle.tsx

@@ -54,7 +54,7 @@ const GlobalStyles = withTheme(createGlobalStyle<GlobalStyle> `
         object-fit: contain;
     }
 
-    p {
+    p, li {
         font-size: 1rem;
         line-height: 1.444444444em; // 26px
     }