diff --git a/webclient/src/components/AppNavHeader.vue b/webclient/src/components/AppNavHeader.vue
index 47f2d0cfe..8510f42bc 100644
--- a/webclient/src/components/AppNavHeader.vue
+++ b/webclient/src/components/AppNavHeader.vue
@@ -6,12 +6,12 @@ import PreferencesPopup from "@/components/PreferencesPopup.vue";
   <header class="fixed top-0 z-10 w-full bg-white shadow-md shadow-black/10">
     <!-- dark:bg-gray-900 dark:shadow-black/40"> -->
     <nav class="mx-auto max-w-4xl">
-      <div class="mx-10 my-2.5 bg-amber-500 gap-x-10 flex justify-between place-content-between content-between">
-        <RouterLink class="hidden lg:block bg-green-500" to="/">
+      <div class="mx-10 my-2.5 flex place-content-between content-between justify-between gap-x-10 bg-amber-500">
+        <RouterLink class="hidden bg-green-500 lg:block" to="/">
           <img alt="Navigatum Logo" class="my-auto h-10" width="200" src="@/assets/logos/navigatum.svg" />
           <!-- 7px for logo1 -->
         </RouterLink>
-        <div class="mx-auto my-auto lg:col-span-3 bg-pink-500 flex-grow max-w-lg">
+        <div class="mx-auto my-auto max-w-lg flex-grow bg-pink-500 lg:col-span-3">
           <slot />
         </div>
         <PreferencesPopup />
diff --git a/webclient/src/components/Button.vue b/webclient/src/components/Button.vue
index 84d3313c5..12efc66a3 100644
--- a/webclient/src/components/Button.vue
+++ b/webclient/src/components/Button.vue
@@ -54,7 +54,7 @@ const sizeClasses = computed(() => {
     :aria-label="ariaLabel"
     :type="props.type"
     v-bind="{ disabled: disabled }"
-    :class="`!no-underline flex-row flex gap-1 ${variantClasses} ${sizeClasses}`"
+    :class="`flex flex-row gap-1 !no-underline ${variantClasses} ${sizeClasses}`"
     @click="emit('click')"
   >
     <slot />
@@ -64,7 +64,7 @@ const sizeClasses = computed(() => {
     :aria-label="ariaLabel"
     :type="props.type"
     v-bind="{ disabled: disabled }"
-    :class="`flex-row flex gap-1 ${variantClasses} ${sizeClasses}`"
+    :class="`flex flex-row gap-1 ${variantClasses} ${sizeClasses}`"
     @click="emit('click')"
   >
     <slot />
diff --git a/webclient/src/components/PreferencesPopup.vue b/webclient/src/components/PreferencesPopup.vue
index 5576edf9a..b5ccb5345 100644
--- a/webclient/src/components/PreferencesPopup.vue
+++ b/webclient/src/components/PreferencesPopup.vue
@@ -37,14 +37,14 @@ function setLang(lang: string) {
 </script>
 
 <template>
-  <Menu as="div" class="relative ml-4 flex-shrink-0 my-auto">
+  <Menu as="div" class="relative my-auto ml-4 flex-shrink-0">
     <div>
       <MenuButton
         class="relative flex rounded-full bg-white text-sm ring-2 ring-white ring-opacity-20 focus:outline-none focus:ring-opacity-100"
       >
         <span class="absolute -inset-1.5" />
         <span class="sr-only">Open preferences menu</span>
-        <AdjustmentsHorizontalIcon class="w-7 h-7" />
+        <AdjustmentsHorizontalIcon class="h-7 w-7" />
       </MenuButton>
     </div>
     <Transition
diff --git a/webclient/src/pages/[...slug].vue b/webclient/src/pages/[...slug].vue
index 012e96e4b..9bd41544e 100644
--- a/webclient/src/pages/[...slug].vue
+++ b/webclient/src/pages/[...slug].vue
@@ -10,7 +10,7 @@ const { t } = useI18n({ useScope: "local" });
 </script>
 
 <template>
-  <div class="mt-4 max-w-xl mx-auto">
+  <div class="mx-auto mt-4 max-w-xl">
     <img class="" src="@/assets/404_navigatum.svg" :alt="t('img_alt')" />
     <div>
       <h5 class="mt-5">{{ t("header") }}</h5>
@@ -20,7 +20,7 @@ const { t } = useI18n({ useScope: "local" });
           {{ t("go_home") }}
         </Button>
         <Button variant="link" @click="global.openFeedback('bug', `404 on \`${route.fullPath}\``, t('got_here'))">
-          {{ t("call_to_action") }} <ArrowRightIcon class="h-4 w-4 mt-0.5" />
+          {{ t("call_to_action") }} <ArrowRightIcon class="mt-0.5 h-4 w-4" />
         </Button>
       </div>
     </div>