diff --git a/src/components/ChannelPage.vue b/src/components/ChannelPage.vue
index 442c213f..9a6144da 100644
--- a/src/components/ChannelPage.vue
+++ b/src/components/ChannelPage.vue
@@ -6,7 +6,7 @@
             v-if="channel.bannerUrl"
             loading="lazy"
             :src="channel.bannerUrl"
-            class="h-30 w-full object-cover py-1.5 md:h-50 p-15"
+            class="h-30 w-full object-cover p-15 py-1.5 md:h-50"
         />
         <div class="flex flex-col items-center justify-between md:flex-row">
             <div class="flex place-items-center">
diff --git a/src/components/FeedPage.vue b/src/components/FeedPage.vue
index 5c200e55..9d20a67d 100644
--- a/src/components/FeedPage.vue
+++ b/src/components/FeedPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.feed'" class="my-4 text-center font-bold p-15" />
+    <h1 v-t="'titles.feed'" class="my-4 p-15 text-center font-bold" />
 
     <div class="flex flex-col flex-wrap gap-2 children:(flex items-center gap-1) md:flex-row md:items-center">
         <span>
diff --git a/src/components/HistoryPage.vue b/src/components/HistoryPage.vue
index 2d13a5f2..4404bc1c 100644
--- a/src/components/HistoryPage.vue
+++ b/src/components/HistoryPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.history'" class="mb-3 text-center font-bold p-15" />
+    <h1 v-t="'titles.history'" class="mb-3 p-15 text-center font-bold" />
 
     <div class="flex">
         <div class="flex flex-col gap-2 md:flex-row md:items-center">
diff --git a/src/components/ImportPage.vue b/src/components/ImportPage.vue
index 4d36f035..fa65a03c 100644
--- a/src/components/ImportPage.vue
+++ b/src/components/ImportPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="text-center p-15">
+    <div class="p-15 text-center">
         <form>
             <div>
                 <input ref="fileSelector" type="file" @change="fileChange" />
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 0cb8fabe..cc453f3e 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,5 +1,5 @@
 <template>
-    <nav class="fixed top-0 left-0 w-full flex flex-wrap items-center justify-center px-2 pb-2.5 sm:px-4 bg-dark-4">
+    <nav class="fixed left-0 top-0 w-full flex flex-wrap items-center justify-center bg-dark-4 px-2 pb-2.5 sm:px-4">
         <div class="flex flex-1 justify-start p-2">
             <router-link class="flex items-center text-3xl font-bold font-sans" :to="homePagePath"
                 ><img
diff --git a/src/components/PlaylistPage.vue b/src/components/PlaylistPage.vue
index 198b65d9..755443ea 100644
--- a/src/components/PlaylistPage.vue
+++ b/src/components/PlaylistPage.vue
@@ -6,7 +6,7 @@
 
         <CollapsableText v-if="playlist?.description" :text="playlist.description" />
 
-        <div class="mt-1 flex justify-between <md:flex-col md:items-center p-15">
+        <div class="mt-1 flex justify-between p-15 <md:flex-col md:items-center">
             <div>
                 <router-link class="link flex items-center gap-3" :to="playlist.uploaderUrl || '/'">
                     <img loading="lazy" :src="playlist.uploaderAvatar" class="h-12 rounded-full" />
diff --git a/src/components/SearchResults.vue b/src/components/SearchResults.vue
index 63a3b723..e6c3f27b 100644
--- a/src/components/SearchResults.vue
+++ b/src/components/SearchResults.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 class="my-2 text-center p-15" v-text="$route.query.search_query" />
+    <h1 class="my-2 p-15 text-center" v-text="$route.query.search_query" />
 
     <label for="ddlSearchFilters">
         <strong v-text="`${$t('actions.filter')}:`" />
diff --git a/src/components/SubscriptionsPage.vue b/src/components/SubscriptionsPage.vue
index 8e8839f5..5e4e5458 100644
--- a/src/components/SubscriptionsPage.vue
+++ b/src/components/SubscriptionsPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.subscriptions'" class="my-4 text-center font-bold p-15" />
+    <h1 v-t="'titles.subscriptions'" class="my-4 p-15 text-center font-bold" />
     <!-- import / export section -->
     <div class="flex flex-wrap justify-between">
         <div class="flex gap-1">
diff --git a/src/components/TrendingPage.vue b/src/components/TrendingPage.vue
index 8fd9199b..c2f743b6 100644
--- a/src/components/TrendingPage.vue
+++ b/src/components/TrendingPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <h1 v-t="'titles.trending'" class="my-4 text-center font-bold p-15" />
+    <h1 v-t="'titles.trending'" class="my-4 p-15 text-center font-bold" />
 
     <hr />