diff --git a/site/gdocs/components/Callout.scss b/site/gdocs/components/Callout.scss
index ac47335f78..c4f4cdc20e 100644
--- a/site/gdocs/components/Callout.scss
+++ b/site/gdocs/components/Callout.scss
@@ -1,3 +1,10 @@
+.callout-heading {
+    @include h4-semibold;
+    margin-top: 0;
+    margin-bottom: 8px;
+    color: $blue-90;
+}
+
 .callout-icon {
     margin-right: 8px;
 }
diff --git a/site/gdocs/components/Callout.tsx b/site/gdocs/components/Callout.tsx
index e95f9f48ac..337e437663 100644
--- a/site/gdocs/components/Callout.tsx
+++ b/site/gdocs/components/Callout.tsx
@@ -17,9 +17,13 @@ export default function Callout({
     const icon = block.icon ? iconMap[block.icon] : null
     return (
         <div className={className}>
-            {icon && <FontAwesomeIcon className="callout-icon" icon={icon} />}
             {block.title ? (
-                <h4 className="h4-semibold">{block.title}</h4>
+                <h4 className="callout-heading">
+                    {icon && (
+                        <FontAwesomeIcon className="callout-icon" icon={icon} />
+                    )}
+                    {block.title}
+                </h4>
             ) : null}
             <ArticleBlocks blocks={block.text} />
         </div>
diff --git a/site/gdocs/components/centered-article.scss b/site/gdocs/components/centered-article.scss
index c109cfe08b..98f977ef54 100644
--- a/site/gdocs/components/centered-article.scss
+++ b/site/gdocs/components/centered-article.scss
@@ -1167,12 +1167,18 @@ div.raw-html-table__container {
 
 // A small grey block
 .article-block__callout {
-    h4 {
-        display: inline;
-        color: $blue-90;
-        margin-bottom: 8px;
-        margin-top: 8px;
+    .article-block__text,
+    .article-block__list,
+    .article-block__html,
+    .article-block__numbered-list {
+        @include body-3-regular;
+        margin-bottom: 0;
+
+        &:not(:last-child) {
+            margin-bottom: 8px;
+        }
     }
+
     a {
         @include owid-link-90;
     }
@@ -1180,10 +1186,7 @@ div.raw-html-table__container {
     background: $gray-10;
     padding: 16px 24px;
     border-radius: 8px;
-    margin: 32px 0;
-    p:last-child {
-        margin-bottom: 8px;
-    }
+    margin: 8px 0 32px;
 
     + .article-block__horizontal-rule {
         margin-top: 24px;
diff --git a/site/gdocs/pages/AboutPage.scss b/site/gdocs/pages/AboutPage.scss
index 4133c0f066..053f6c008e 100644
--- a/site/gdocs/pages/AboutPage.scss
+++ b/site/gdocs/pages/AboutPage.scss
@@ -91,10 +91,6 @@
     .article-block__callout {
         margin-top: 0;
         margin-bottom: 24px;
-
-        .article-block__text {
-            font-size: 14px;
-        }
     }
 
     .article-block__code-snippet {