diff --git a/src/utils/components/alliance_breakdown_component.html b/src/utils/components/alliance_breakdown_component.html
index d3dcfad..4a57482 100644
--- a/src/utils/components/alliance_breakdown_component.html
+++ b/src/utils/components/alliance_breakdown_component.html
@@ -6,7 +6,7 @@
        <div class="flex flex-col w-1/3 justify-items items-center">
             <div class="flex flex-row gap-2 px-4 pt-4 pb-2 h-1/5">
                 {team_1_svg}
-                <h2 class="text-xl text-white">
+                <h2 class="text-xl text-white font-semibold">
                     {team_1}
                 </h2>
             </div>
@@ -24,7 +24,7 @@ <h2 class="text-2xl text-white">
         <div class="flex flex-col w-1/3 justify-items items-center">
             <div class="flex flex-row gap-2 px-4 pt-4 pb-2 h-1/5 justify-baseline">
                 {team_2_svg}
-                <h2 class="text-xl text-white">
+                <h2 class="text-xl text-white font-semibold">
                     {team_2}
                 </h2>
             </div>
@@ -42,7 +42,7 @@ <h2 class="text-2xl text-white">
         <div class="flex flex-col w-1/3 justify-items items-center">
             <div class="flex flex-row gap-2 px-4 pt-4 pb-2 h-1/5">
                 {team_3_svg}
-                <h2 class="text-xl text-white">
+                <h2 class="text-xl text-white font-semibold">
                     {team_3}
                 </h2>
             </div>
diff --git a/src/utils/components/colored_metric_component.html b/src/utils/components/colored_metric_component.html
index 0f8cdc9..20bb173 100644
--- a/src/utils/components/colored_metric_component.html
+++ b/src/utils/components/colored_metric_component.html
@@ -9,7 +9,7 @@ <h2 class="sm:text-lg md:text-sm lg:text-lg text-white">
             </h2>
         </div>
         <div class="h-3/5">
-            <h2 class="text-3xl text-white">
+            <h2 class="font-semibold text-3xl text-white">
                 {metric_value}
             </h2>
         </div>