diff --git a/src/components/styles.scss b/src/components/styles.scss
index 46e554ae8..761195d09 100644
--- a/src/components/styles.scss
+++ b/src/components/styles.scss
@@ -61,6 +61,7 @@ body {
   font-family: var(--primary-font-family);
   color: var(--color-black);
   background-color: var(--color-white);
+  line-height: 1.2;
 }
 
 main {
@@ -89,6 +90,7 @@ h3,
 h4,
 h5,
 h6 {
+  margin-top: revert;
   margin-bottom: 8px;
   font-weight: 600;
   color: var(--color-neutrals-800);
@@ -152,4 +154,3 @@ ul {
 li {
   margin-bottom: 1rem;
 }
-
diff --git a/src/hooks/useStylesheet.js b/src/hooks/useStylesheet.js
index 6c6323aca..db6dd75f8 100644
--- a/src/hooks/useStylesheet.js
+++ b/src/hooks/useStylesheet.js
@@ -10,7 +10,7 @@ const useStylesheet = (src) => {
     link.crossOrigin = 'anonymous';
     link.onload = () => setLoaded(true);
     link.href = src;
-    document.head.appendChild(link);
+    document.head.prepend(link);
 
     return () => document.head.removeChild(link);
   }, [src]);