Fix some line-heights

src/components/AdminSidebar.tsx

@@ -24,7 +24,7 @@ const StyledLink = styled(Anchor)<{path: string}>`
   padding: 1rem 3rem 1rem 1rem;
   letter-spacing: 3px;
   text-transform: uppercase;
-  line-height: 20px;
+  line-height: 1.25;
   font-weight: bold;
   white-space: nowrap;
   color: ${colors.white};

src/components/Hero/HeroPrimarySection.tsx

@@ -10,11 +10,6 @@ interface HeroPrimarySectionProps {
 const Section = styled.section`
   margin: 10vh auto 0;
   text-align: center;
-  line-height: 1.5rem;
-
-  h1 {
-    line-height: 40px;
-  }
 
   p {
     margin: 1em auto;

src/index.scss

@@ -19,12 +19,10 @@ html {
 
   @media screen and (min-width: 1920px) {
     font-size: $base-font * 1.25;  // 20px
-    line-height: $base-line-height * 1.25;
   }
 
   @media screen and (min-width: 2560px) {
     font-size: $base-font * 1.5; // 24px
-    line-height: $base-line-height * 1.5;
   }
 }