diff --git a/src/components/GenericDisplayItem.vue b/src/components/GenericDisplayItem.vue
index 6b25629..649f155 100644
--- a/src/components/GenericDisplayItem.vue
+++ b/src/components/GenericDisplayItem.vue
@@ -6,10 +6,10 @@
         :src="item.thumbnail"
         alt="thumbnail"
       />
-      <v-card-title class="subtitle-1">{{ item.title }}</v-card-title>
+      <v-card-title class="text-subtitle-1">{{ item.title }}</v-card-title>
       <v-card-subtitle>{{ item.type }}</v-card-subtitle>
       <v-card-text>
-        <router-link :to="item.uploaderUrl" class="subtitle-1 text-decoration-none" v-if="item.uploaderUrl && item.uploaderName && !hideChannel" custom v-slot="{ navigate }">
+        <router-link :to="item.uploaderUrl" class="text-subtitle-1 text-decoration-none" v-if="item.uploaderUrl && item.uploaderName && !hideChannel" custom v-slot="{ navigate }">
           <h5 @click="navigate" @keypress.enter="navigate" role="link">{{ item.uploaderName }}</h5>
         </router-link>
         <span v-else-if="item.uploaderName">{{ item.uploaderName }}<br /></span>
diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index 474c9a3..d0031eb 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -7,9 +7,9 @@
         alt="thumbnail"
         loading="lazy"
       />
-      <v-card-title class="subtitle-1">{{ video.title }}</v-card-title>
+      <v-card-title class="text-subtitle-1">{{ video.title }}</v-card-title>
       <v-card-text>
-        <router-link :to="video.uploaderUrl" class="subtitle-1 text-decoration-none" v-if="video.uploaderUrl && (video.uploaderName || video.uploader) && !hideChannel" custom v-slot="{ navigate }">
+        <router-link :to="video.uploaderUrl" class="text-subtitle-1 text-decoration-none" v-if="video.uploaderUrl && (video.uploaderName || video.uploader) && !hideChannel" custom v-slot="{ navigate }">
           <h5 @click="navigate" @keypress.enter="navigate" role="link">{{ video.uploaderName || video.uploader }}</h5>
         </router-link>
         <slot />
diff --git a/src/routes/WatchVideo.vue b/src/routes/WatchVideo.vue
index b281e0e..d17d8d5 100644
--- a/src/routes/WatchVideo.vue
+++ b/src/routes/WatchVideo.vue
@@ -15,7 +15,7 @@
       <v-col md="10" offset-md="1">
         <v-card outlined>
           <v-card-title class="text-h5">{{ video.title }}</v-card-title>
-          <v-card-subtitle class="subtitle-1">
+          <v-card-subtitle class="text-subtitle-1">
             <v-row>
               <v-col md="4" align-self="start">
                 {{ $tc('counts.views', video.views, { n: addCommas(video.views) }) }}