diff --git a/assets/css/app.css b/assets/css/app.css
index 0187a81..e97c6f0 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -91,9 +91,11 @@
     @apply text-theme-quaternary;
   }
 
-  .prose h1, h2, h3, h4 {
-    @apply before:font-light before:text-theme-base/25;
-  }
+  .prose h2 { @apply before:font-light before:text-theme-secondary; }
+  .prose h3 { @apply before:font-light before:text-theme-blue; }
+  .prose h4 { @apply before:font-light before:text-theme-purple; }
+
+
 
   .prose h1 {
     @apply before:content-['#'];
diff --git a/lib/chiya_web/components/public_components.ex b/lib/chiya_web/components/public_components.ex
index 4abe614..8e7bd0c 100644
--- a/lib/chiya_web/components/public_components.ex
+++ b/lib/chiya_web/components/public_components.ex
@@ -109,7 +109,7 @@ defmodule ChiyaWeb.PublicComponents do
       </h1>
       <p
         :if={@subtitle != []}
-        class={["mt-4 leading-7 font-semibold text-theme-base/75", @class_subtitle]}
+        class={["mt-4 leading-7 text-theme-base", @class_subtitle]}
       >
         <%= render_slot(@subtitle) %>
       </p>