diff --git a/frontend/src/components/Dialogs/ConfirmDialog.vue b/frontend/src/components/Dialogs/ConfirmDialog.vue
index 9e81b239cdc..077918fb83d 100644
--- a/frontend/src/components/Dialogs/ConfirmDialog.vue
+++ b/frontend/src/components/Dialogs/ConfirmDialog.vue
@@ -17,7 +17,7 @@
 
       <VDivider />
       <VCardText
-        class="d-flex text-center align-center justify-center">
+        class="text-center d-flex align-center justify-center">
         <JSafeHtml :html="innerHtml" />
       </VCardText>
       <VCardActions class="align-center justify-center">
diff --git a/frontend/src/components/Playback/TrackList.vue b/frontend/src/components/Playback/TrackList.vue
index a7a25ff0358..1a9915a9aeb 100644
--- a/frontend/src/components/Playback/TrackList.vue
+++ b/frontend/src/components/Playback/TrackList.vue
@@ -90,7 +90,7 @@
                         :to="getItemDetailsLink(artist, 'MusicArtist')"
                         custom>
                         <span
-                          class="link text--secondary"
+                          class="text--secondary link"
                           @click="navigate">
                           {{ artist.Name }}
                         </span>
diff --git a/frontend/src/pages/genre/[itemId].vue b/frontend/src/pages/genre/[itemId].vue
index 8fe8490226e..d5c432fa11b 100644
--- a/frontend/src/pages/genre/[itemId].vue
+++ b/frontend/src/pages/genre/[itemId].vue
@@ -32,10 +32,11 @@
           <SkeletonCard
             v-for="n in 24"
             :key="n"
-            boilerplate
-            text />
+
+            text
+            boilerplate />
         </VCol>
-        <div class="empty-message text-center">
+        <div class="text-center empty-message">
           <h1 class="text-h5">
             {{ $t('libraryEmpty') }}
           </h1>
diff --git a/frontend/src/pages/item/[itemId].vue b/frontend/src/pages/item/[itemId].vue
index b6e9c0e8a91..99116ccf66a 100644
--- a/frontend/src/pages/item/[itemId].vue
+++ b/frontend/src/pages/item/[itemId].vue
@@ -28,13 +28,13 @@
             class="text-h6 font-weight-heavy"
             :class="{'text-center': !$vuetify.display.mdAndUp }">
             <RouterLink
-              class="link pa-0 text-truncate d-block font-weight-medium mt-1"
+              class="link pa-0 text-truncate font-weight-medium d-block mt-1"
               :to="getItemDetailsLink(currentSeries)">
               {{ currentSeries.Name }}
             </RouterLink>
           </h3>
           <div
-            class="text-caption text-h4 font-weight-medium mt-2"
+            class="text-h4 font-weight-medium text-caption mt-2"
             :class="{ 'text-center': !$vuetify.display.mdAndUp }">
             <MediaInfo
               :item="item"
@@ -44,7 +44,7 @@
               ends-at />
           </div>
           <VRow
-            class="my-4 align-center"
+            class="align-center my-4"
             :class="{
               'justify-center': !$vuetify.display.mdAndUp,
               'ml-0': $vuetify.display.mdAndUp
diff --git a/frontend/src/pages/library/[itemId].vue b/frontend/src/pages/library/[itemId].vue
index 3bde2a173e5..e9d356643bc 100644
--- a/frontend/src/pages/library/[itemId].vue
+++ b/frontend/src/pages/library/[itemId].vue
@@ -17,8 +17,9 @@
         </template>
       </VChip>
       <VDivider
-        inset
+
         vertical
+        inset
         class="hidden-sm-and-down mx-2" />
       <TypeButton
         v-if="hasViewTypes"