diff --git a/site/gdocs/pages/DataInsight.scss b/site/gdocs/pages/DataInsight.scss
index dbe779ea18..70e5167353 100644
--- a/site/gdocs/pages/DataInsight.scss
+++ b/site/gdocs/pages/DataInsight.scss
@@ -41,11 +41,12 @@
 .data-insight-body {
     background-color: #fff;
     padding: 24px;
-    margin-bottom: 48px;
+    margin-bottom: 30px;
 
     h1 {
         margin-top: 0;
-        margin-bottom: 12px;
+        margin-bottom: 8px;
+        font-size: 1.875rem;
     }
 
     .article-block__image {
@@ -53,23 +54,22 @@
         margin-top: 24px;
     }
 
+    .article-block__text {
+        font-size: 1rem;
+    }
+
     @include md-down {
         padding: 16px;
         margin-bottom: 24px;
 
         h1 {
-            font-size: 1.625rem;
-            margin-bottom: 12px;
+            font-size: 1.375rem;
         }
 
         .article-block__image {
             margin-top: 16px;
             margin-bottom: 24px;
         }
-
-        .article-block__text {
-            font-size: 1rem;
-        }
     }
 }
 
diff --git a/site/gdocs/pages/DataInsight.tsx b/site/gdocs/pages/DataInsight.tsx
index 7cbd93802b..9ff8b7920c 100644
--- a/site/gdocs/pages/DataInsight.tsx
+++ b/site/gdocs/pages/DataInsight.tsx
@@ -54,7 +54,7 @@ const RelatedTopicsList = ({
     if (!tags?.length) return null
     return (
         <div className={cx(className, "data-insights-related-topics")}>
-            <p className="body-2-semibold">Related topic pages:</p>
+            <p className="body-3-regular">Related topic pages:</p>
             <ul>
                 {tags.map((tag) => (
                     <li key={tag.name}>