diff --git a/app/views/reports/_breakdown_table.html.erb b/app/views/reports/_breakdown_table.html.erb
index e312465ae..4a8cbdb50 100644
--- a/app/views/reports/_breakdown_table.html.erb
+++ b/app/views/reports/_breakdown_table.html.erb
@@ -8,11 +8,11 @@
 %>
 
 <div>
-  <h3 class="text-base font-semibold <%= color_class %> mb-4 flex items-center gap-2">
+  <div class="text-large mb-4 flex items-center gap-2 text-lg">
     <%= icon(icon_name, class: "w-5 h-5") %>
-    <%= t(title_key) %>
-    <span class="text-sm font-normal text-tertiary">(<%= Money.new(total, Current.family.currency).format %>)</span>
-  </h3>
+    <span><%= t(title_key) %>:</span>
+    <span class="font-medium text-secondary <%= color_class %>"> <%= Money.new(total, Current.family.currency).format %></span>
+  </div>
 
   <div class="bg-container-inset rounded-xl p-1 overflow-x-auto">
     <div class="w-max sm:w-full">
diff --git a/app/views/reports/_trends_insights.html.erb b/app/views/reports/_trends_insights.html.erb
index bcd2de789..603a148a4 100644
--- a/app/views/reports/_trends_insights.html.erb
+++ b/app/views/reports/_trends_insights.html.erb
@@ -1,7 +1,7 @@
 <div class="space-y-8">
     <%# Month-over-Month Trends %>
     <div>
-      <h3 class="text-sm font-medium text-secondary mb-4">
+      <h3 class="text-lg font-medium mb-4">
         <%= t("reports.trends.monthly_breakdown") %>
       </h3>
 
@@ -53,21 +53,21 @@
           <% avg_net = trends_data.sum { |t| t[:net] } / trends_data.length %>
 
           <div class="p-4 bg-surface-inset rounded-lg">
-            <p class="text-xs text-tertiary mb-1"><%= t("reports.trends.avg_monthly_income") %></p>
+            <p class="text-sm text-secondary mb-1"><%= t("reports.trends.avg_monthly_income") %></p>
             <p class="text-lg font-semibold text-success">
               <%= Money.new(avg_income, Current.family.currency).format %>
             </p>
           </div>
 
           <div class="p-4 bg-surface-inset rounded-lg">
-            <p class="text-xs text-tertiary mb-1"><%= t("reports.trends.avg_monthly_expenses") %></p>
+            <p class="text-sm text-secondary mb-1"><%= t("reports.trends.avg_monthly_expenses") %></p>
             <p class="text-lg font-semibold text-destructive">
               <%= Money.new(avg_expenses, Current.family.currency).format %>
             </p>
           </div>
 
           <div class="p-4 bg-surface-inset rounded-lg">
-            <p class="text-xs text-tertiary mb-1"><%= t("reports.trends.avg_monthly_savings") %></p>
+            <p class="text-sm text-secondary mb-1"><%= t("reports.trends.avg_monthly_savings") %></p>
             <p class="text-lg font-semibold <%= avg_net >= 0 ? "text-success" : "text-destructive" %>">
               <%= Money.new(avg_net, Current.family.currency).format %>
             </p>