diff --git a/src/.vuepress/theme/components/blog/VideoModalContent.vue b/src/.vuepress/theme/components/blog/VideoModalContent.vue
index c8bf9b1a..e10cad59 100644
--- a/src/.vuepress/theme/components/blog/VideoModalContent.vue
+++ b/src/.vuepress/theme/components/blog/VideoModalContent.vue
@@ -5,7 +5,7 @@
       itemscope
       itemtype="https://schema.org/BlogPosting"
     >
-      <h1 class="type-h5 text-primary mr-4">
+      <h1 class="type-h5 text-xl text-primary mr-4">
         <UnstyledLink :to="videoModalCard.path" class="clamp-3 hover:underline">
           {{ videoModalCard.title }}
         </UnstyledLink>
diff --git a/src/.vuepress/theme/tailwind.config.js b/src/.vuepress/theme/tailwind.config.js
index 6f554718..d41810fd 100644
--- a/src/.vuepress/theme/tailwind.config.js
+++ b/src/.vuepress/theme/tailwind.config.js
@@ -139,22 +139,22 @@ const theme = {
     h4: {
       fontFamily: theme('fontFamily.sans'),
       fontWeight: theme('fontWeight.normal'),
-      fontSize: theme('fontSize.24'),
+      fontSize: theme('fontSize.18'),
       letterSpacing: theme('letterSpacing.normal'),
       lineHeight: theme('lineHeight.130'),
       '@screen sm': {
-        fontSize: theme('fontSize.24'),
+        fontSize: theme('fontSize.18'),
         lineHeight: theme('lineHeight.140'),
       },
     },
     h5: {
       fontFamily: theme('fontFamily.display'),
       fontWeight: theme('fontWeight.semibold'),
-      fontSize: theme('fontSize.18'),
+      fontSize: theme('fontSize.16'),
       letterSpacing: theme('letterSpacing.tight'),
       lineHeight: theme('lineHeight.130'),
       '@screen sm': {
-        fontSize: theme('fontSize.22'),
+        fontSize: theme('fontSize.16'),
       },
     },
     p1: {