From 31d501feb0c920032576ea30bfcb51b9c1733d19 Mon Sep 17 00:00:00 2001
From: atanasster <atanasster@gmail.com>
Date: Wed, 15 Jul 2020 05:55:40 -0400
Subject: [PATCH] fix: reduce head links sizes

---
 ui/components/src/LinkHeading/LinkHeading.tsx |  6 +++---
 ui/components/src/ThemeContext/theme.ts       | 12 ++++--------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/ui/components/src/LinkHeading/LinkHeading.tsx b/ui/components/src/LinkHeading/LinkHeading.tsx
index 931d6efd0..dbde8dd01 100644
--- a/ui/components/src/LinkHeading/LinkHeading.tsx
+++ b/ui/components/src/LinkHeading/LinkHeading.tsx
@@ -5,9 +5,9 @@ import { LinkIcon } from '@primer/octicons-react';
 import { pageLink, titleToId } from './pageLink';
 
 const iconSize: Record<string, { size: number; level: number }> = {
-  h1: { size: 32, level: 1 },
-  h2: { size: 28, level: 2 },
-  h3: { size: 20, level: 3 },
+  h1: { size: 28, level: 1 },
+  h2: { size: 26, level: 2 },
+  h3: { size: 18, level: 3 },
   h4: { size: 16, level: 4 },
   h5: { size: 14, level: 5 },
   h6: { size: 12, level: 6 },
diff --git a/ui/components/src/ThemeContext/theme.ts b/ui/components/src/ThemeContext/theme.ts
index 6e2a80a63..b7829d811 100644
--- a/ui/components/src/ThemeContext/theme.ts
+++ b/ui/components/src/ThemeContext/theme.ts
@@ -191,25 +191,21 @@ export const theme: ControlsTheme = {
     h1: {
       ...heading,
       fontSize: 6,
-      mt: 4,
-      mb: 3,
+      my: 4,
     },
     h2: {
       ...heading,
       fontSize: 5,
-      mt: 4,
-      mb: 3,
+      my: 3,
     },
     h3: {
       ...heading,
-      mt: 4,
-      mb: 3,
+      my: 3,
     },
     h4: {
       ...heading,
       fontSize: 2,
-      mt: 4,
-      mb: 3,
+      my: 3,
     },
     h5: {
       ...heading,