diff --git a/frontend/vue/components/Admin/Stations.vue b/frontend/vue/components/Admin/Stations.vue
index f5cb5b7ff..ae159846d 100644
--- a/frontend/vue/components/Admin/Stations.vue
+++ b/frontend/vue/components/Admin/Stations.vue
@@ -13,7 +13,7 @@
 
         <data-table ref="datatable" id="stations" paginated :fields="fields" :api-url="listUrl">
             <template #cell(name)="row">
-                <big>{{ row.item.name }}</big><br>
+                <div class="typography-subheading">{{ row.item.name }}</div>
                 <code>{{ row.item.short_name }}</code>
             </template>
             <template #cell(frontend_type)="row">
diff --git a/frontend/vue/components/Dashboard.vue b/frontend/vue/components/Dashboard.vue
index f711f2b02..01c956331 100644
--- a/frontend/vue/components/Dashboard.vue
+++ b/frontend/vue/components/Dashboard.vue
@@ -126,12 +126,12 @@
                                          :url="item.station.listen_url" is-stream></play-button>
                         </td>
                         <td class="pl-2">
-                            <big>{{ item.station.name }}</big><br>
-                            <template v-if="item.station.is_public">
+                            <div class="typography-subheading">{{ item.station.name }}</div>
+                            <div v-if="item.station.is_public">
                                 <a :href="item.links.public" target="_blank">
                                     {{ $gettext('Public Page') }}
                                 </a>
-                            </template>
+                            </div>
                         </td>
                         <td class="text-center">
                             <span class="pr-1">
diff --git a/frontend/vue/components/Stations/Playlists/QueueModal.vue b/frontend/vue/components/Stations/Playlists/QueueModal.vue
index 2f663b35f..bf8c7b539 100644
--- a/frontend/vue/components/Stations/Playlists/QueueModal.vue
+++ b/frontend/vue/components/Stations/Playlists/QueueModal.vue
@@ -15,7 +15,9 @@
                 </b-thead>
                 <b-tbody>
                     <tr class="align-middle" v-for="(row,index) in media" :key="row.id">
-                        <td><big>{{ row.title }}</big></td>
+                        <td>
+                            <span class="typography-subheading">{{ row.title }}</span>
+                        </td>
                         <td>{{ row.artist }}</td>
                     </tr>
                 </b-tbody>
diff --git a/frontend/vue/components/Stations/Playlists/ReorderModal.vue b/frontend/vue/components/Stations/Playlists/ReorderModal.vue
index df9523f97..91c356902 100644
--- a/frontend/vue/components/Stations/Playlists/ReorderModal.vue
+++ b/frontend/vue/components/Stations/Playlists/ReorderModal.vue
@@ -20,7 +20,7 @@
                             <play-button :url="row.media.links.play" icon-class="lg outlined"></play-button>
                         </td>
                         <td class="pl-2">
-                            <big>{{ row.media.title }}</big>
+                            <span class="typography-subheading">{{ row.media.title }}</span>
                         </td>
                         <td>{{ row.media.artist }}</td>
                         <td>{{ row.media.album }}</td>
diff --git a/frontend/vue/components/Stations/Webhooks.vue b/frontend/vue/components/Stations/Webhooks.vue
index a5872d35d..04ded1207 100644
--- a/frontend/vue/components/Stations/Webhooks.vue
+++ b/frontend/vue/components/Stations/Webhooks.vue
@@ -20,7 +20,7 @@
         <data-table ref="datatable" id="station_webhooks" :fields="fields"
                     :api-url="listUrl">
             <template #cell(name)="row">
-                <big>{{ row.item.name }}</big><br>
+                <div class="typography-subheading">{{ row.item.name }}</div>
                 {{ getWebhookName(row.item.type) }}
                 <b-badge v-if="!row.item.is_enabled" variant="danger">
                     {{ $gettext('Disabled') }}