diff --git a/src/lib/components/posts/callout.svelte b/src/lib/components/posts/callout.svelte
index 4706cbc..ac90890 100644
--- a/src/lib/components/posts/callout.svelte
+++ b/src/lib/components/posts/callout.svelte
@@ -54,7 +54,7 @@
     .header {
         @apply text-black p-4 flex;
     }
-    h1 {
+    h4 {
         @apply text-big p-0 m-0 flex-grow;
     }
     .header.dark-bg {
diff --git a/src/routes/posts/writing-personal-home-page/_comp/simpleExample.svelte b/src/routes/posts/writing-personal-home-page/_comp/simpleExample.svelte
index 396154a..dc5e44c 100644
--- a/src/routes/posts/writing-personal-home-page/_comp/simpleExample.svelte
+++ b/src/routes/posts/writing-personal-home-page/_comp/simpleExample.svelte
@@ -4,12 +4,12 @@
     let funny = { "amogus": "ඞ", "AMOGUS": "sussy baka", "discord": "proprietary matrix", "never gonna give you up": "never gonna let you down", "wysi": "727", "727": "wysi" };
 </script>
 
-<h1>Hello {funny[name] || name}</h1>
+<h4>Hello {funny[name] || name}</h4>
 
 <input type=text class="text-black" bind:value={name}>
 
 <style lang="postcss">
-    h1 {
+    h4 {
         @apply p-0 m-0 text-xl font-bold;
     }
     input {