diff --git a/components/all-updates-subscribe.vue b/components/all-updates-subscribe.vue
index c7ce0a0..44b2a98 100644
--- a/components/all-updates-subscribe.vue
+++ b/components/all-updates-subscribe.vue
@@ -11,7 +11,7 @@
                 <label
                     v-if="isFocused"
                     :for="inputId"
-                    class="block font-medium absolute"
+                    class="block font-bold absolute"
                     style="top: -2em;"
                 >Email</label>
                 <div class="mt-1 relative rounded-md shadow-sm">
diff --git a/components/email-subscribe.vue b/components/email-subscribe.vue
index 29bb925..843f997 100644
--- a/components/email-subscribe.vue
+++ b/components/email-subscribe.vue
@@ -11,7 +11,7 @@
                 <label
                     v-if="isFocused"
                     :for="inputId"
-                    class="block font-medium absolute"
+                    class="block font-bold absolute"
                     style="top: -2em;"
                 >Email</label>
                 <div class="mt-1 relative rounded-md shadow-sm">
diff --git a/components/link-button.vue b/components/link-button.vue
index 20d3aa5..6d15ee1 100644
--- a/components/link-button.vue
+++ b/components/link-button.vue
@@ -38,7 +38,7 @@ export default {
         classlist () {
             const defaultClassGroups = {
                 general: 'relative inline-flex items-center rounded-md px-4 py-2',
-                font: 'leading-5 font-medium',
+                font: 'leading-5 font-bold',
                 text: 'text-white',
                 border: 'border border-transparent focus:outline-none focus:border-indigo-600',
                 shadow: 'neumorphic-shadow focus:shadow-outline-indigo',
diff --git a/components/search.vue b/components/search.vue
index 84e1ddb..a85fb13 100644
--- a/components/search.vue
+++ b/components/search.vue
@@ -140,7 +140,7 @@
                                 ]"
                                 :class-groups="{
                                     // general: 'relative inline-flex items-center rounded-md px-4 py-2',
-                                    // font: 'leading-5 font-medium',
+                                    // font: 'leading-5 font-bold',
                                     // text: 'text-white',
                                     // border: 'border border-transparent focus:outline-none focus:border-indigo-600',
                                     shadow: 'hover:neumorphic-shadow',
@@ -159,7 +159,7 @@
                                 ]"
                                 :class-groups="{
                                     // general: 'relative inline-flex items-center rounded-md px-4 py-2',
-                                    // font: 'leading-5 font-medium',
+                                    // font: 'leading-5 font-bold',
                                     // text: 'text-white',
                                     // border: 'border border-transparent focus:outline-none focus:border-indigo-600',
                                     shadow: 'hover:neumorphic-shadow',
diff --git a/pages/app/_slug/benchmarks.vue b/pages/app/_slug/benchmarks.vue
index a04e829..0db762a 100644
--- a/pages/app/_slug/benchmarks.vue
+++ b/pages/app/_slug/benchmarks.vue
@@ -33,7 +33,7 @@
                 </div>
             </template>
 
-            <!-- <h1 class="title text-sm md:text-3xl font-semibold">
+            <!-- <h1 class="title text-sm md:text-3xl font-bold">
                 {{ video.name }}
             </h1> -->
 
diff --git a/pages/app/_slug/index.vue b/pages/app/_slug/index.vue
index 1bded38..c9b7175 100644
--- a/pages/app/_slug/index.vue
+++ b/pages/app/_slug/index.vue
@@ -2,7 +2,7 @@
     <section class="container py-32">
         <div class="flex flex-col items-center text-center space-y-8">
             <div class="hero-heading space-y-6">
-                <h1 class="title text-sm md:text-2xl font-semibold">
+                <h1 class="title text-sm md:text-2xl font-bold">
                     Does {{ app.name }} work on Apple Silicon?
                 </h1>
                 <h2 class="subtitle text-2xl md:text-5xl font-bold">
diff --git a/pages/benchmarks.vue b/pages/benchmarks.vue
index 2d19357..82327f8 100644
--- a/pages/benchmarks.vue
+++ b/pages/benchmarks.vue
@@ -33,7 +33,7 @@
                             />
                         </svg>
                     </div>
-                    <h2 class="title text-lg md:text-2xl font-semibold">
+                    <h2 class="title text-lg md:text-2xl font-bold">
                         {{ video.name }}
                     </h2>
                 </div>
diff --git a/pages/formula/_slug.vue b/pages/formula/_slug.vue
index eeccca6..260c0d0 100644
--- a/pages/formula/_slug.vue
+++ b/pages/formula/_slug.vue
@@ -1,7 +1,7 @@
 <template>
     <section class="container py-32">
         <div class="flex flex-col items-center text-center">
-            <h1 class="title text-sm md:text-2xl font-semibold">
+            <h1 class="title text-sm md:text-2xl font-bold">
                 Does <code>{{ app.name }}</code> work on Apple Silicon when installed via Homebrew?
             </h1>
             <h2 class="subtitle text-2xl md:text-5xl font-bold py-6">
diff --git a/pages/game/_slug/index.vue b/pages/game/_slug/index.vue
index c1dd378..84dea15 100644
--- a/pages/game/_slug/index.vue
+++ b/pages/game/_slug/index.vue
@@ -1,7 +1,7 @@
 <template>
     <section class="container py-32">
         <div class="flex flex-col items-center text-center">
-            <h1 class="title text-sm md:text-2xl font-semibold">
+            <h1 class="title text-sm md:text-2xl font-bold">
                 Does {{ app.name }} work on Apple Silicon?
             </h1>
             <h2 class="subtitle text-2xl md:text-5xl font-bold py-6">
@@ -37,8 +37,8 @@
                     <div class="w-full flex items-center justify-between p-6">
                         <div class="flex-1">
                             <div class="space-x-3">
-                                <h3 class="text-sm leading-5 font-medium">{{ report['Specs'] }}</h3>
-                                <span class="flex-shrink-0 inline-block px-2 py-0.5 text-teal-800 text-xs leading-4 font-medium bg-teal-100 rounded-full">{{ report['FPS'] }}</span>
+                                <h3 class="text-sm leading-5 font-bold">{{ report['Specs'] }}</h3>
+                                <span class="flex-shrink-0 inline-block px-2 py-0.5 text-teal-800 text-xs leading-4 font-bold bg-teal-100 rounded-full">{{ report['FPS'] }}</span>
                             </div>
                             <p class="mt-1 text-sm leading-5">{{ report['Notes'] }}</p>
                             <p
@@ -64,7 +64,7 @@
                             <div class="w-0 flex-1 flex border-r border-gray-200">
                                 <a
                                     :href="report['Source']"
-                                    class="relative -mr-px w-0 flex-1 inline-flex items-center justify-center py-4 text-sm leading-5 font-medium border border-transparent rounded-bl-lg hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 transition ease-in-out duration-150"
+                                    class="relative -mr-px w-0 flex-1 inline-flex items-center justify-center py-4 text-sm leading-5 font-bold border border-transparent rounded-bl-lg hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 focus:z-10 transition ease-in-out duration-150"
                                 >
                                     <!-- Heroicon name: mail -->
                                     <svg
diff --git a/pages/games.vue b/pages/games.vue
index 75e50ac..c811751 100644
--- a/pages/games.vue
+++ b/pages/games.vue
@@ -4,7 +4,7 @@
             <h1 class="title text-4xl md:text-6xl font-hairline leading-tight text-center">
                 Does it ARM?
             </h1>
-            <h2 class="subtitle md:text-xl font-light text-center">
+            <h2 class="subtitle md:text-xl text-center">
                 Games that are reported to support Apple Silicon
             </h2>
 
diff --git a/pages/index.vue b/pages/index.vue
index 22c79a6..6cf51aa 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -4,7 +4,7 @@
             <h1 class="title text-4xl md:text-6xl font-hairline leading-tight text-center">
                 Does it ARM?
             </h1>
-            <h2 class="subtitle md:text-xl font-light text-center">
+            <h2 class="subtitle md:text-xl text-center">
                 Apps that are reported to support Apple Silicon
             </h2>
 
diff --git a/pages/kind/_slug.vue b/pages/kind/_slug.vue
index f6c4947..d5b8178 100644
--- a/pages/kind/_slug.vue
+++ b/pages/kind/_slug.vue
@@ -7,7 +7,7 @@
 
             <h2
                 v-if="supportedAppList.length !== 0"
-                class="subtitle md:text-xl font-light text-center"
+                class="subtitle md:text-xl text-center"
             >
                 Supported apps include {{ supportedAppList.join(', ') }}.
             </h2>
diff --git a/pages/tv/_slug.vue b/pages/tv/_slug.vue
index a01f227..0a2ff3f 100644
--- a/pages/tv/_slug.vue
+++ b/pages/tv/_slug.vue
@@ -9,7 +9,7 @@
             <div
                 class="md:flex w-full justify-between space-y-4 md:space-y-0 md:px-10"
             >
-                <h1 class="title text-lg md:text-2xl font-semibold">
+                <h1 class="title text-lg md:text-2xl font-bold">
                     {{ video.name }}
                 </h1>