diff --git a/src/components/Banner.vue b/src/components/Banner.vue
index af64d37..75a77c1 100644
--- a/src/components/Banner.vue
+++ b/src/components/Banner.vue
@@ -13,7 +13,7 @@
 
           <div class="w-1/4 px-4">
             <div class="flex justify-end">
-              <button type="button" class="font-semibold hover:bg-gray-700 py-1 px-2 rounded inline-flex">
+              <button type="button" class="inline-flex py-1 px-2 rounded font-semibold hover:bg-gray-700">
                 Oliver Davies
                 <svg class="ml-2 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.90002 9.8999C6.90002 9.5999 7.00002 9.3999 7.20002 9.1999C7.60002 8.7999 8.20002 8.7999 8.60002 9.1999L12.1 12.6999L15.6 9.1999C16 8.7999 16.6 8.7999 17 9.1999C17.4 9.5999 17.4 10.1999 17 10.5999L12.8 14.7999C12.4 15.1999 11.8 15.1999 11.4 14.7999L7.20002 10.5999C7.00002 10.3999 6.90002 10.1999 6.90002 9.8999Z" fill="#ffffff"></path></svg>
               </button>
@@ -22,7 +22,7 @@
         </div>
       </div>
     </header>
-    <div class="max-w-6xl mx-auto px-4 bg-charade py-3 px-5 -mt-8 mb-4 shadow-lg">
+    <div class="max-w-6xl mx-auto px-4 py-3 -mt-8 mb-4 bg-charade shadow-lg">
       <slot name="sub-banner"></slot>
     </div>
   </div>
diff --git a/src/components/ProjectBreadcrumb.vue b/src/components/ProjectBreadcrumb.vue
index dbe99e1..2652a38 100644
--- a/src/components/ProjectBreadcrumb.vue
+++ b/src/components/ProjectBreadcrumb.vue
@@ -5,7 +5,7 @@
         <router-link :to="{ name: 'projects' }" class="font-semibold text-white opacity-75">Projects</router-link>
         <svg class="h-6 w-6 fill-current text-white opacity-75" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.9 9.9c0-.3.1-.5.3-.7.4-.4 1-.4 1.4 0l3.5 3.5 3.5-3.5c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-4.2 4.2c-.4.4-1 .4-1.4 0l-4.2-4.2c-.2-.2-.3-.4-.3-.7z"/></svg>
       </li>
-      <li class="font-semibold flex items-center">Rebuilding Platform.sh</li>
+      <li class="flex items-center font-semibold">Rebuilding Platform.sh</li>
     </ul>
   </div>
 </template>
diff --git a/src/components/ProjectCard.vue b/src/components/ProjectCard.vue
index c91e405..056dde5 100644
--- a/src/components/ProjectCard.vue
+++ b/src/components/ProjectCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <article class="w-full sm:w-1/2 md:w-1/3 px-4 mb-8">
+  <article class="w-full px-4 mb-8 sm:w-1/2 md:w-1/3">
     <router-link :to="{ name: 'project', params: { id: 1 }}" class="group block hover:no-underline">
       <span class="block bg-gray-100 shadow-lg rounded overflow-hidden">
         <span class="block p-6">
@@ -10,7 +10,7 @@
           <img src="../assets/img/download.jpg" alt="" class="shadow-2xl rounded mt-4">
         </span>
 
-        <span class="block bg-white py-5 px-8 -mt-24 relative">
+        <span class="block py-5 px-8 -mt-24 relative bg-white">
           <p>Europe (West 1)</p>
         </span>
       </span>
diff --git a/src/components/ProjectSearch.vue b/src/components/ProjectSearch.vue
index 2e78ed2..312698f 100644
--- a/src/components/ProjectSearch.vue
+++ b/src/components/ProjectSearch.vue
@@ -8,7 +8,7 @@
     </div>
 
     <div class="px-4">
-      <a href="#0" class="text-white bg-blue-700 hocus:bg-blue-800 px-4 py-2 rounded text-sm inline-flex flex-row-reverse items-center">
+      <a href="#0" class="inline-flex flex-row-reverse items-center px-4 py-2 rounded text-white text-sm bg-blue-700 hocus:bg-blue-800">
         Add project
         <svg class="h-3 w-4" xmlns="http://www.w3.org/2000/svg"><path d="M6 6v4H4V6H0V4h4V0h2v4h4v2z" fill="#fff" fill-rule="evenodd"/></svg>
       </a>
diff --git a/src/views/Projects.vue b/src/views/Projects.vue
index 006c900..bf04246 100644
--- a/src/views/Projects.vue
+++ b/src/views/Projects.vue
@@ -13,17 +13,17 @@
         <project-view-switcher @changed="projectViewSwitched" :active-mode="displayMode"></project-view-switcher>
       </div>
 
-      <div v-if="displayMode == 'grid'" class="flex flex-wrap mt-4 -mx-4 -mb-8">
+      <div v-if="displayMode == 'grid'" class="flex flex-wrap mt-4 -mb-8 -mx-4">
         <project-card v-for="n in 9" :key="n"></project-card>
       </div>
 
-      <div v-if="displayMode == 'list'" class="bg-white shadow-md pt-6 pb-6 mt-4">
+      <div v-if="displayMode == 'list'" class="pt-6 pb-6 mt-4 bg-white shadow-md">
         <table class="w-full">
           <thead>
             <tr class="border-b border-gray-300">
-              <th class="font-semibold text-left text-sm pb-3 px-6 w-1/2">Project name</th>
-              <th class="font-semibold text-left text-sm pb-3 px-6">Owner</th>
-              <th class="font-semibold text-left text-sm pb-3 px-6 w-1/4">Region</th>
+              <th class="w-1/2 pb-3 px-6 font-semibold text-left text-sm">Project name</th>
+              <th class="pb-3 px-6 font-semibold text-left text-sm">Owner</th>
+              <th class="w-1/4 pb-3 px-6 font-semibold text-left text-sm">Region</th>
             </tr>
           </thead>
           <tbody>