diff --git a/package-lock.json b/package-lock.json
index 63d8b49..082bf47 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
                 "postcss": "^8.4.32",
                 "prettier": "^3.2.5",
                 "prettier-plugin-blade": "^2.1.12",
+                "prettier-plugin-tailwindcss": "^0.5.14",
                 "tailwindcss": "^3.4.0",
                 "vite": "^5.0",
                 "vitepress": "^1.0.2",
@@ -4024,6 +4025,80 @@
                 "prettier": ">=3"
             }
         },
+        "node_modules/prettier-plugin-tailwindcss": {
+            "version": "0.5.14",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.14.tgz",
+            "integrity": "sha512-Puaz+wPUAhFp8Lo9HuciYKM2Y2XExESjeT+9NQoVFXZsPPnc9VYss2SpxdQ6vbatmt8/4+SN0oe0I1cPDABg9Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=14.21.3"
+            },
+            "peerDependencies": {
+                "@ianvs/prettier-plugin-sort-imports": "*",
+                "@prettier/plugin-pug": "*",
+                "@shopify/prettier-plugin-liquid": "*",
+                "@trivago/prettier-plugin-sort-imports": "*",
+                "@zackad/prettier-plugin-twig-melody": "*",
+                "prettier": "^3.0",
+                "prettier-plugin-astro": "*",
+                "prettier-plugin-css-order": "*",
+                "prettier-plugin-import-sort": "*",
+                "prettier-plugin-jsdoc": "*",
+                "prettier-plugin-marko": "*",
+                "prettier-plugin-organize-attributes": "*",
+                "prettier-plugin-organize-imports": "*",
+                "prettier-plugin-sort-imports": "*",
+                "prettier-plugin-style-order": "*",
+                "prettier-plugin-svelte": "*"
+            },
+            "peerDependenciesMeta": {
+                "@ianvs/prettier-plugin-sort-imports": {
+                    "optional": true
+                },
+                "@prettier/plugin-pug": {
+                    "optional": true
+                },
+                "@shopify/prettier-plugin-liquid": {
+                    "optional": true
+                },
+                "@trivago/prettier-plugin-sort-imports": {
+                    "optional": true
+                },
+                "@zackad/prettier-plugin-twig-melody": {
+                    "optional": true
+                },
+                "prettier-plugin-astro": {
+                    "optional": true
+                },
+                "prettier-plugin-css-order": {
+                    "optional": true
+                },
+                "prettier-plugin-import-sort": {
+                    "optional": true
+                },
+                "prettier-plugin-jsdoc": {
+                    "optional": true
+                },
+                "prettier-plugin-marko": {
+                    "optional": true
+                },
+                "prettier-plugin-organize-attributes": {
+                    "optional": true
+                },
+                "prettier-plugin-organize-imports": {
+                    "optional": true
+                },
+                "prettier-plugin-sort-imports": {
+                    "optional": true
+                },
+                "prettier-plugin-style-order": {
+                    "optional": true
+                },
+                "prettier-plugin-svelte": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/proxy-from-env": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
diff --git a/package.json b/package.json
index 703b8e0..e2a35e5 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
         "postcss": "^8.4.32",
         "prettier": "^3.2.5",
         "prettier-plugin-blade": "^2.1.12",
+        "prettier-plugin-tailwindcss": "^0.5.14",
         "tailwindcss": "^3.4.0",
         "vite": "^5.0",
         "vitepress": "^1.0.2",
diff --git a/prettier.config.js b/prettier.config.js
index cc11903..0dffb9b 100644
--- a/prettier.config.js
+++ b/prettier.config.js
@@ -1,5 +1,5 @@
 export default {
-    plugins: ['prettier-plugin-blade'],
+    plugins: ['prettier-plugin-blade', 'prettier-plugin-tailwindcss'],
     singleQuote: true,
     overrides: [
         {
diff --git a/resources/views/api/api-token-manager.blade.php b/resources/views/api/api-token-manager.blade.php
index e4016a4..0a759d8 100644
--- a/resources/views/api/api-token-manager.blade.php
+++ b/resources/views/api/api-token-manager.blade.php
@@ -31,7 +31,7 @@ class="mt-1 block w-full"
                         value="{{ __('Permissions') }}"
                     />
 
-                    <div class="mt-2 grid grid-cols-1 md:grid-cols-2 gap-4">
+                    <div class="mt-2 grid grid-cols-1 gap-4 md:grid-cols-2">
                         @foreach (Laravel\Jetstream\Jetstream::$permissions as $permission)
                             <label class="flex items-center">
                                 <x-checkbox
@@ -84,7 +84,7 @@ class="ms-2 text-sm text-gray-600 dark:text-gray-400"
                                     {{ $token->name }}
                                 </div>
 
-                                <div class="flex items-center ms-2">
+                                <div class="ms-2 flex items-center">
                                     @if ($token->last_used_at)
                                         <div class="text-sm text-gray-400">
                                             {{ __('Last used') }}
@@ -94,7 +94,7 @@ class="ms-2 text-sm text-gray-600 dark:text-gray-400"
 
                                     @if (Laravel\Jetstream\Jetstream::hasPermissions())
                                         <button
-                                            class="cursor-pointer ms-6 text-sm text-gray-400 underline"
+                                            class="ms-6 cursor-pointer text-sm text-gray-400 underline"
                                             wire:click="manageApiTokenPermissions({{ $token->id }})"
                                         >
                                             {{ __('Permissions') }}
@@ -102,7 +102,7 @@ class="cursor-pointer ms-6 text-sm text-gray-400 underline"
                                     @endif
 
                                     <button
-                                        class="cursor-pointer ms-6 text-sm text-red-500"
+                                        class="ms-6 cursor-pointer text-sm text-red-500"
                                         wire:click="confirmApiTokenDeletion({{ $token->id }})"
                                     >
                                         {{ __('Delete') }}
@@ -132,7 +132,7 @@ class="cursor-pointer ms-6 text-sm text-red-500"
                 type="text"
                 readonly
                 :value="$plainTextToken"
-                class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full break-all"
+                class="mt-4 w-full break-all rounded bg-gray-100 px-4 py-2 font-mono text-sm text-gray-500"
                 autofocus
                 autocomplete="off"
                 autocorrect="off"
@@ -159,7 +159,7 @@ class="mt-4 bg-gray-100 px-4 py-2 rounded font-mono text-sm text-gray-500 w-full
         </x-slot>
 
         <x-slot name="content">
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
                 @foreach (Laravel\Jetstream\Jetstream::$permissions as $permission)
                     <label class="flex items-center">
                         <x-checkbox
diff --git a/resources/views/api/index.blade.php b/resources/views/api/index.blade.php
index 6ee853e..136aed8 100644
--- a/resources/views/api/index.blade.php
+++ b/resources/views/api/index.blade.php
@@ -1,14 +1,14 @@
 <x-app-layout>
     <x-slot name="header">
         <h2
-            class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight"
+            class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200"
         >
             {{ __('API Tokens') }}
         </h2>
     </x-slot>
 
     <div>
-        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
+        <div class="mx-auto max-w-7xl py-10 sm:px-6 lg:px-8">
             @livewire('api.api-token-manager')
         </div>
     </div>
diff --git a/resources/views/auth/confirm-password.blade.php b/resources/views/auth/confirm-password.blade.php
index dfebec6..f53b074 100644
--- a/resources/views/auth/confirm-password.blade.php
+++ b/resources/views/auth/confirm-password.blade.php
@@ -17,7 +17,7 @@
                 <x-label for="password" value="{{ __('Password') }}" />
                 <x-input
                     id="password"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="password"
                     name="password"
                     required
@@ -26,7 +26,7 @@ class="block mt-1 w-full"
                 />
             </div>
 
-            <div class="flex justify-end mt-4">
+            <div class="mt-4 flex justify-end">
                 <x-button class="ms-4">
                     {{ __('Confirm') }}
                 </x-button>
diff --git a/resources/views/auth/forgot-password.blade.php b/resources/views/auth/forgot-password.blade.php
index 7e92692..db7996f 100644
--- a/resources/views/auth/forgot-password.blade.php
+++ b/resources/views/auth/forgot-password.blade.php
@@ -10,7 +10,7 @@
 
         @session('status')
             <div
-                class="mb-4 font-medium text-sm text-green-600 dark:text-green-400"
+                class="mb-4 text-sm font-medium text-green-600 dark:text-green-400"
             >
                 {{ $value }}
             </div>
@@ -25,7 +25,7 @@ class="mb-4 font-medium text-sm text-green-600 dark:text-green-400"
                 <x-label for="email" value="{{ __('Email') }}" />
                 <x-input
                     id="email"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="email"
                     name="email"
                     :value="old('email')"
@@ -35,7 +35,7 @@ class="block mt-1 w-full"
                 />
             </div>
 
-            <div class="flex items-center justify-end mt-4">
+            <div class="mt-4 flex items-center justify-end">
                 <x-button>
                     {{ __('Email Password Reset Link') }}
                 </x-button>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index b5ae0bf..833d472 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -8,7 +8,7 @@
 
         @session('status')
             <div
-                class="mb-4 font-medium text-sm text-green-600 dark:text-green-400"
+                class="mb-4 text-sm font-medium text-green-600 dark:text-green-400"
             >
                 {{ $value }}
             </div>
@@ -21,7 +21,7 @@ class="mb-4 font-medium text-sm text-green-600 dark:text-green-400"
                 <x-label for="email" value="{{ __('Email') }}" />
                 <x-input
                     id="email"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="email"
                     name="email"
                     :value="old('email')"
@@ -35,7 +35,7 @@ class="block mt-1 w-full"
                 <x-label for="password" value="{{ __('Password') }}" />
                 <x-input
                     id="password"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="password"
                     name="password"
                     required
@@ -43,7 +43,7 @@ class="block mt-1 w-full"
                 />
             </div>
 
-            <div class="block mt-4">
+            <div class="mt-4 block">
                 <label for="remember_me" class="flex items-center">
                     <x-checkbox id="remember_me" name="remember" />
                     <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">
@@ -52,10 +52,10 @@ class="block mt-1 w-full"
                 </label>
             </div>
 
-            <div class="flex items-center justify-end mt-4">
+            <div class="mt-4 flex items-center justify-end">
                 @if (Route::has('password.request'))
                     <a
-                        class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+                        class="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:text-gray-400 dark:hover:text-gray-100 dark:focus:ring-offset-gray-800"
                         href="{{ route('password.request') }}"
                     >
                         {{ __('Forgot your password?') }}
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index 953f21b..0eb722d 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -13,7 +13,7 @@
                 <x-label for="name" value="{{ __('Name') }}" />
                 <x-input
                     id="name"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="text"
                     name="name"
                     :value="old('name')"
@@ -27,7 +27,7 @@ class="block mt-1 w-full"
                 <x-label for="email" value="{{ __('Email') }}" />
                 <x-input
                     id="email"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="email"
                     name="email"
                     :value="old('email')"
@@ -40,7 +40,7 @@ class="block mt-1 w-full"
                 <x-label for="password" value="{{ __('Password') }}" />
                 <x-input
                     id="password"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="password"
                     name="password"
                     required
@@ -55,7 +55,7 @@ class="block mt-1 w-full"
                 />
                 <x-input
                     id="password_confirmation"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="password"
                     name="password_confirmation"
                     required
@@ -82,9 +82,9 @@ class="block mt-1 w-full"
                 </div>
             @endif
 
-            <div class="flex items-center justify-end mt-4">
+            <div class="mt-4 flex items-center justify-end">
                 <a
-                    class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+                    class="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:text-gray-400 dark:hover:text-gray-100 dark:focus:ring-offset-gray-800"
                     href="{{ route('login') }}"
                 >
                     {{ __('Already registered?') }}
diff --git a/resources/views/auth/reset-password.blade.php b/resources/views/auth/reset-password.blade.php
index 673df32..f4d7388 100644
--- a/resources/views/auth/reset-password.blade.php
+++ b/resources/views/auth/reset-password.blade.php
@@ -19,7 +19,7 @@
                 <x-label for="email" value="{{ __('Email') }}" />
                 <x-input
                     id="email"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="email"
                     name="email"
                     :value="old('email', $request->email)"
@@ -33,7 +33,7 @@ class="block mt-1 w-full"
                 <x-label for="password" value="{{ __('Password') }}" />
                 <x-input
                     id="password"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="password"
                     name="password"
                     required
@@ -48,7 +48,7 @@ class="block mt-1 w-full"
                 />
                 <x-input
                     id="password_confirmation"
-                    class="block mt-1 w-full"
+                    class="mt-1 block w-full"
                     type="password"
                     name="password_confirmation"
                     required
@@ -56,7 +56,7 @@ class="block mt-1 w-full"
                 />
             </div>
 
-            <div class="flex items-center justify-end mt-4">
+            <div class="mt-4 flex items-center justify-end">
                 <x-button>
                     {{ __('Reset Password') }}
                 </x-button>
diff --git a/resources/views/auth/two-factor-challenge.blade.php b/resources/views/auth/two-factor-challenge.blade.php
index 0f4db61..02e9699 100644
--- a/resources/views/auth/two-factor-challenge.blade.php
+++ b/resources/views/auth/two-factor-challenge.blade.php
@@ -29,7 +29,7 @@ class="mb-4 text-sm text-gray-600 dark:text-gray-400"
                     <x-label for="code" value="{{ __('Code') }}" />
                     <x-input
                         id="code"
-                        class="block mt-1 w-full"
+                        class="mt-1 block w-full"
                         type="text"
                         inputmode="numeric"
                         name="code"
@@ -46,7 +46,7 @@ class="block mt-1 w-full"
                     />
                     <x-input
                         id="recovery_code"
-                        class="block mt-1 w-full"
+                        class="mt-1 block w-full"
                         type="text"
                         name="recovery_code"
                         x-ref="recovery_code"
@@ -54,10 +54,10 @@ class="block mt-1 w-full"
                     />
                 </div>
 
-                <div class="flex items-center justify-end mt-4">
+                <div class="mt-4 flex items-center justify-end">
                     <button
                         type="button"
-                        class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 underline cursor-pointer"
+                        class="cursor-pointer text-sm text-gray-600 underline hover:text-gray-900 dark:text-gray-400"
                         x-show="! recovery"
                         x-on:click="
                             recovery = true
@@ -71,7 +71,7 @@ class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 underline cu
 
                     <button
                         type="button"
-                        class="text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 underline cursor-pointer"
+                        class="cursor-pointer text-sm text-gray-600 underline hover:text-gray-900 dark:text-gray-400"
                         x-cloak
                         x-show="recovery"
                         x-on:click="
diff --git a/resources/views/auth/verify-email.blade.php b/resources/views/auth/verify-email.blade.php
index 2450fba..533cc45 100644
--- a/resources/views/auth/verify-email.blade.php
+++ b/resources/views/auth/verify-email.blade.php
@@ -10,7 +10,7 @@
 
         @if (session('status') == 'verification-link-sent')
             <div
-                class="mb-4 font-medium text-sm text-green-600 dark:text-green-400"
+                class="mb-4 text-sm font-medium text-green-600 dark:text-green-400"
             >
                 {{ __('A new verification link has been sent to the email address you provided in your profile settings.') }}
             </div>
@@ -30,7 +30,7 @@ class="mb-4 font-medium text-sm text-green-600 dark:text-green-400"
             <div>
                 <a
                     href="{{ route('profile.show') }}"
-                    class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+                    class="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:text-gray-400 dark:hover:text-gray-100 dark:focus:ring-offset-gray-800"
                 >
                     {{ __('Edit Profile') }}
                 </a>
@@ -44,7 +44,7 @@ class="inline"
 
                     <button
                         type="submit"
-                        class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800 ms-2"
+                        class="ms-2 rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:text-gray-400 dark:hover:text-gray-100 dark:focus:ring-offset-gray-800"
                     >
                         {{ __('Log Out') }}
                     </button>
diff --git a/resources/views/components/action-section.blade.php b/resources/views/components/action-section.blade.php
index 6dbb8e5..ff48d2d 100644
--- a/resources/views/components/action-section.blade.php
+++ b/resources/views/components/action-section.blade.php
@@ -4,9 +4,9 @@
         <x-slot name="description">{{ $description }}</x-slot>
     </x-section-title>
 
-    <div class="mt-5 md:mt-0 md:col-span-2">
+    <div class="mt-5 md:col-span-2 md:mt-0">
         <div
-            class="px-4 py-5 sm:p-6 bg-white dark:bg-gray-800 shadow sm:rounded-lg"
+            class="bg-white px-4 py-5 shadow sm:rounded-lg sm:p-6 dark:bg-gray-800"
         >
             {{ $content }}
         </div>
diff --git a/resources/views/components/authentication-card-logo.blade.php b/resources/views/components/authentication-card-logo.blade.php
index 54c3e5f..e59f0f2 100644
--- a/resources/views/components/authentication-card-logo.blade.php
+++ b/resources/views/components/authentication-card-logo.blade.php
@@ -1,6 +1,6 @@
 <a href="/">
     <svg
-        class="w-16 h-16"
+        class="h-16 w-16"
         viewbox="0 0 48 48"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
diff --git a/resources/views/components/authentication-card.blade.php b/resources/views/components/authentication-card.blade.php
index f64ada2..7c4d1f2 100644
--- a/resources/views/components/authentication-card.blade.php
+++ b/resources/views/components/authentication-card.blade.php
@@ -1,12 +1,12 @@
 <div
-    class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-gray-100 dark:bg-gray-900"
+    class="flex min-h-screen flex-col items-center bg-gray-100 pt-6 sm:justify-center sm:pt-0 dark:bg-gray-900"
 >
     <div>
         {{ $logo }}
     </div>
 
     <div
-        class="w-full sm:max-w-md mt-6 px-6 py-4 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg"
+        class="mt-6 w-full overflow-hidden bg-white px-6 py-4 shadow-md sm:max-w-md sm:rounded-lg dark:bg-gray-800"
     >
         {{ $slot }}
     </div>
diff --git a/resources/views/components/banner.blade.php b/resources/views/components/banner.blade.php
index 4573f80..7040a5f 100644
--- a/resources/views/components/banner.blade.php
+++ b/resources/views/components/banner.blade.php
@@ -15,11 +15,11 @@
                 show = true;
             "
 >
-    <div class="max-w-screen-xl mx-auto py-2 px-3 sm:px-6 lg:px-8">
-        <div class="flex items-center justify-between flex-wrap">
-            <div class="w-0 flex-1 flex items-center min-w-0">
+    <div class="mx-auto max-w-screen-xl px-3 py-2 sm:px-6 lg:px-8">
+        <div class="flex flex-wrap items-center justify-between">
+            <div class="flex w-0 min-w-0 flex-1 items-center">
                 <span
-                    class="flex p-2 rounded-lg"
+                    class="flex rounded-lg p-2"
                     :class="{ 'bg-indigo-600': style == 'success', 'bg-red-600': style == 'danger' }"
                 >
                     <svg
@@ -70,7 +70,7 @@ class="h-5 w-5 text-white"
                 </span>
 
                 <p
-                    class="ms-3 font-medium text-sm text-white truncate"
+                    class="ms-3 truncate text-sm font-medium text-white"
                     x-text="message"
                 ></p>
             </div>
@@ -78,7 +78,7 @@ class="ms-3 font-medium text-sm text-white truncate"
             <div class="shrink-0 sm:ms-3">
                 <button
                     type="button"
-                    class="-me-1 flex p-2 rounded-md focus:outline-none sm:-me-2 transition"
+                    class="-me-1 flex rounded-md p-2 transition focus:outline-none sm:-me-2"
                     :class="{ 'hover:bg-indigo-600 focus:bg-indigo-600': style == 'success', 'hover:bg-red-600 focus:bg-red-600': style == 'danger' }"
                     aria-label="Dismiss"
                     x-on:click="show = false"
diff --git a/resources/views/components/confirmation-modal.blade.php b/resources/views/components/confirmation-modal.blade.php
index d1b81b0..464c879 100644
--- a/resources/views/components/confirmation-modal.blade.php
+++ b/resources/views/components/confirmation-modal.blade.php
@@ -1,10 +1,10 @@
 @props(['id' => null, 'maxWidth' => null])
 
 <x-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }}>
-    <div class="bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
+    <div class="bg-white px-4 pb-4 pt-5 sm:p-6 sm:pb-4 dark:bg-gray-800">
         <div class="sm:flex sm:items-start">
             <div
-                class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10"
+                class="mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10"
             >
                 <svg
                     class="h-6 w-6 text-red-600 dark:text-red-400"
@@ -22,7 +22,7 @@ class="h-6 w-6 text-red-600 dark:text-red-400"
                 </svg>
             </div>
 
-            <div class="mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start">
+            <div class="mt-3 text-center sm:ms-4 sm:mt-0 sm:text-start">
                 <h3
                     class="text-lg font-medium text-gray-900 dark:text-gray-100"
                 >
@@ -37,7 +37,7 @@ class="text-lg font-medium text-gray-900 dark:text-gray-100"
     </div>
 
     <div
-        class="flex flex-row justify-end px-6 py-4 bg-gray-100 dark:bg-gray-800 text-end"
+        class="flex flex-row justify-end bg-gray-100 px-6 py-4 text-end dark:bg-gray-800"
     >
         {{ $footer }}
     </div>
diff --git a/resources/views/components/dialog-modal.blade.php b/resources/views/components/dialog-modal.blade.php
index f6f8108..2ff5499 100644
--- a/resources/views/components/dialog-modal.blade.php
+++ b/resources/views/components/dialog-modal.blade.php
@@ -12,7 +12,7 @@
     </div>
 
     <div
-        class="flex flex-row justify-end px-6 py-4 bg-gray-100 dark:bg-gray-800 text-end"
+        class="flex flex-row justify-end bg-gray-100 px-6 py-4 text-end dark:bg-gray-800"
     >
         {{ $footer }}
     </div>
diff --git a/resources/views/components/dropdown.blade.php b/resources/views/components/dropdown.blade.php
index 3f3a88a..62c9af8 100644
--- a/resources/views/components/dropdown.blade.php
+++ b/resources/views/components/dropdown.blade.php
@@ -1,9 +1,9 @@
-@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'py-1 bg-white dark:bg-gray-700', 'dropdownClasses' => ''])
+@props(['align' => 'right', 'width' => '48', 'contentClasses' => 'bg-white py-1 dark:bg-gray-700', 'dropdownClasses' => ''])
 
 @php
     switch ($align) {
         case 'left':
-            $alignmentClasses = 'ltr:origin-top-left rtl:origin-top-right start-0';
+            $alignmentClasses = 'start-0 ltr:origin-top-left rtl:origin-top-right';
             break;
         case 'top':
             $alignmentClasses = 'origin-top';
@@ -14,7 +14,7 @@
             break;
         case 'right':
         default:
-            $alignmentClasses = 'ltr:origin-top-right rtl:origin-top-left end-0';
+            $alignmentClasses = 'end-0 ltr:origin-top-right rtl:origin-top-left';
             break;
     }
 
@@ -37,18 +37,18 @@ class="relative"
 
     <div
         x-show="open"
-        x-transition:enter="transition ease-out duration-200"
-        x-transition:enter-start="transform opacity-0 scale-95"
-        x-transition:enter-end="transform opacity-100 scale-100"
-        x-transition:leave="transition ease-in duration-75"
-        x-transition:leave-start="transform opacity-100 scale-100"
-        x-transition:leave-end="transform opacity-0 scale-95"
-        class="absolute z-50 mt-2 {{ $width }} rounded-md shadow-lg {{ $alignmentClasses }} {{ $dropdownClasses }}"
+        x-transition:enter="transition duration-200 ease-out"
+        x-transition:enter-start="scale-95 transform opacity-0"
+        x-transition:enter-end="scale-100 transform opacity-100"
+        x-transition:leave="transition duration-75 ease-in"
+        x-transition:leave-start="scale-100 transform opacity-100"
+        x-transition:leave-end="scale-95 transform opacity-0"
+        class="{{ $width }} {{ $alignmentClasses }} {{ $dropdownClasses }} absolute z-50 mt-2 rounded-md shadow-lg"
         style="display: none"
         @click="open = false"
     >
         <div
-            class="rounded-md ring-1 ring-black ring-opacity-5 {{ $contentClasses }}"
+            class="{{ $contentClasses }} rounded-md ring-1 ring-black ring-opacity-5"
         >
             {{ $content }}
         </div>
diff --git a/resources/views/components/form-section.blade.php b/resources/views/components/form-section.blade.php
index 9c29a82..0462a3c 100644
--- a/resources/views/components/form-section.blade.php
+++ b/resources/views/components/form-section.blade.php
@@ -8,10 +8,10 @@
         <x-slot name="description">{{ $description }}</x-slot>
     </x-section-title>
 
-    <div class="mt-5 md:mt-0 md:col-span-2">
+    <div class="mt-5 md:col-span-2 md:mt-0">
         <form wire:submit="{{ $submit }}">
             <div
-                class="px-4 py-5 bg-white dark:bg-gray-800 sm:p-6 shadow {{ isset($actions) ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md' }}"
+                class="{{ isset($actions) ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md' }} bg-white px-4 py-5 shadow sm:p-6 dark:bg-gray-800"
             >
                 <div class="grid grid-cols-6 gap-6">
                     {{ $form }}
@@ -20,7 +20,7 @@ class="px-4 py-5 bg-white dark:bg-gray-800 sm:p-6 shadow {{ isset($actions) ? 's
 
             @if (isset($actions))
                 <div
-                    class="flex items-center justify-end px-4 py-3 bg-gray-50 dark:bg-gray-800 text-end sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md"
+                    class="flex items-center justify-end bg-gray-50 px-4 py-3 text-end shadow sm:rounded-bl-md sm:rounded-br-md sm:px-6 dark:bg-gray-800"
                 >
                     {{ $actions }}
                 </div>
diff --git a/resources/views/components/modal.blade.php b/resources/views/components/modal.blade.php
index a657730..e24767d 100644
--- a/resources/views/components/modal.blade.php
+++ b/resources/views/components/modal.blade.php
@@ -21,35 +21,35 @@
     x-on:keydown.escape.window="show = false"
     x-show="show"
     id="{{ $id }}"
-    class="jetstream-modal fixed inset-0 overflow-y-auto px-4 py-6 sm:px-0 z-50"
+    class="jetstream-modal fixed inset-0 z-50 overflow-y-auto px-4 py-6 sm:px-0"
     style="display: none"
 >
     <div
         x-show="show"
         class="fixed inset-0 transform transition-all"
         x-on:click="show = false"
-        x-transition:enter="ease-out duration-300"
+        x-transition:enter="duration-300 ease-out"
         x-transition:enter-start="opacity-0"
         x-transition:enter-end="opacity-100"
-        x-transition:leave="ease-in duration-200"
+        x-transition:leave="duration-200 ease-in"
         x-transition:leave-start="opacity-100"
         x-transition:leave-end="opacity-0"
     >
         <div
-            class="absolute inset-0 bg-gray-500 dark:bg-gray-900 opacity-75"
+            class="absolute inset-0 bg-gray-500 opacity-75 dark:bg-gray-900"
         ></div>
     </div>
 
     <div
         x-show="show"
-        class="mb-6 bg-white dark:bg-gray-800 rounded-lg overflow-hidden shadow-xl transform transition-all sm:w-full {{ $maxWidth }} sm:mx-auto"
+        class="{{ $maxWidth }} mb-6 transform overflow-hidden rounded-lg bg-white shadow-xl transition-all sm:mx-auto sm:w-full dark:bg-gray-800"
         x-trap.inert.noscroll="show"
-        x-transition:enter="ease-out duration-300"
-        x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
-        x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
-        x-transition:leave="ease-in duration-200"
-        x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
-        x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+        x-transition:enter="duration-300 ease-out"
+        x-transition:enter-start="translate-y-4 opacity-0 sm:translate-y-0 sm:scale-95"
+        x-transition:enter-end="translate-y-0 opacity-100 sm:scale-100"
+        x-transition:leave="duration-200 ease-in"
+        x-transition:leave-start="translate-y-0 opacity-100 sm:scale-100"
+        x-transition:leave-end="translate-y-4 opacity-0 sm:translate-y-0 sm:scale-95"
     >
         {{ $slot }}
     </div>
diff --git a/resources/views/components/nav-link.blade.php b/resources/views/components/nav-link.blade.php
index 43c18b2..40657db 100644
--- a/resources/views/components/nav-link.blade.php
+++ b/resources/views/components/nav-link.blade.php
@@ -5,8 +5,8 @@
 @php
     $classes =
         $active ?? false
-            ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 dark:border-indigo-600 text-sm font-medium leading-5 text-gray-900 dark:text-gray-100 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
-            : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-700 focus:outline-none focus:text-gray-700 dark:focus:text-gray-300 focus:border-gray-300 dark:focus:border-gray-700 transition duration-150 ease-in-out';
+            ? 'inline-flex items-center border-b-2 border-indigo-400 px-1 pt-1 text-sm font-medium leading-5 text-gray-900 transition duration-150 ease-in-out focus:border-indigo-700 focus:outline-none dark:border-indigo-600 dark:text-gray-100'
+            : 'inline-flex items-center border-b-2 border-transparent px-1 pt-1 text-sm font-medium leading-5 text-gray-500 transition duration-150 ease-in-out hover:border-gray-300 hover:text-gray-700 focus:border-gray-300 focus:text-gray-700 focus:outline-none dark:text-gray-400 dark:hover:border-gray-700 dark:hover:text-gray-300 dark:focus:border-gray-700 dark:focus:text-gray-300';
 @endphp
 
 <a {{ $attributes->merge(['class' => $classes]) }}>
diff --git a/resources/views/components/responsive-nav-link.blade.php b/resources/views/components/responsive-nav-link.blade.php
index 7b57f50..6f04646 100644
--- a/resources/views/components/responsive-nav-link.blade.php
+++ b/resources/views/components/responsive-nav-link.blade.php
@@ -5,8 +5,8 @@
 @php
     $classes =
         $active ?? false
-            ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 dark:border-indigo-600 text-start text-base font-medium text-indigo-700 dark:text-indigo-300 bg-indigo-50 dark:bg-indigo-900/50 focus:outline-none focus:text-indigo-800 dark:focus:text-indigo-200 focus:bg-indigo-100 dark:focus:bg-indigo-900 focus:border-indigo-700 dark:focus:border-indigo-300 transition duration-150 ease-in-out'
-            : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out';
+            ? 'block w-full border-l-4 border-indigo-400 bg-indigo-50 py-2 pe-4 ps-3 text-start text-base font-medium text-indigo-700 transition duration-150 ease-in-out focus:border-indigo-700 focus:bg-indigo-100 focus:text-indigo-800 focus:outline-none dark:border-indigo-600 dark:bg-indigo-900/50 dark:text-indigo-300 dark:focus:border-indigo-300 dark:focus:bg-indigo-900 dark:focus:text-indigo-200'
+            : 'block w-full border-l-4 border-transparent py-2 pe-4 ps-3 text-start text-base font-medium text-gray-600 transition duration-150 ease-in-out hover:border-gray-300 hover:bg-gray-50 hover:text-gray-800 focus:border-gray-300 focus:bg-gray-50 focus:text-gray-800 focus:outline-none dark:text-gray-400 dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-200 dark:focus:border-gray-600 dark:focus:bg-gray-700 dark:focus:text-gray-200';
 @endphp
 
 <a {{ $attributes->merge(['class' => $classes]) }}>
diff --git a/resources/views/components/section-title.blade.php b/resources/views/components/section-title.blade.php
index b069336..f8adbf5 100644
--- a/resources/views/components/section-title.blade.php
+++ b/resources/views/components/section-title.blade.php
@@ -1,4 +1,4 @@
-<div class="md:col-span-1 flex justify-between">
+<div class="flex justify-between md:col-span-1">
     <div class="px-4 sm:px-0">
         <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">
             {{ $title }}
diff --git a/resources/views/components/validation-errors.blade.php b/resources/views/components/validation-errors.blade.php
index 85b02ae..7ad93a2 100644
--- a/resources/views/components/validation-errors.blade.php
+++ b/resources/views/components/validation-errors.blade.php
@@ -5,7 +5,7 @@
         </div>
 
         <ul
-            class="mt-3 list-disc list-inside text-sm text-red-600 dark:text-red-400"
+            class="mt-3 list-inside list-disc text-sm text-red-600 dark:text-red-400"
         >
             @foreach ($errors->all() as $error)
                 <li>{{ $error }}</li>
diff --git a/resources/views/components/welcome.blade.php b/resources/views/components/welcome.blade.php
index c827061..0919c68 100644
--- a/resources/views/components/welcome.blade.php
+++ b/resources/views/components/welcome.blade.php
@@ -1,5 +1,5 @@
 <div
-    class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-gradient-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700"
+    class="border-b border-gray-200 bg-white p-6 lg:p-8 dark:border-gray-700 dark:bg-gray-800 dark:bg-gradient-to-bl dark:from-gray-700/50 dark:via-transparent"
 >
     <x-application-logo class="block h-12 w-auto" />
 
@@ -7,7 +7,7 @@ class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-gradient-to-bl dark:from-gra
         Welcome to your Jetstream application!
     </h1>
 
-    <p class="mt-6 text-gray-500 dark:text-gray-400 leading-relaxed">
+    <p class="mt-6 leading-relaxed text-gray-500 dark:text-gray-400">
         Laravel Jetstream provides a beautiful, robust starting point for your
         next Laravel application. Laravel is designed to help you build your
         application using a development environment that is simple, powerful,
@@ -18,7 +18,7 @@ class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-gradient-to-bl dark:from-gra
 </div>
 
 <div
-    class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8"
+    class="grid grid-cols-1 gap-6 bg-gray-200 bg-opacity-25 p-6 md:grid-cols-2 lg:gap-8 lg:p-8 dark:bg-gray-800"
 >
     <div>
         <div class="flex items-center">
@@ -27,7 +27,7 @@ class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke-width="1.5"
-                class="w-6 h-6 stroke-gray-400"
+                class="h-6 w-6 stroke-gray-400"
             >
                 <path
                     stroke-linecap="round"
@@ -43,7 +43,7 @@ class="ms-3 text-xl font-semibold text-gray-900 dark:text-white"
         </div>
 
         <p
-            class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed"
+            class="mt-4 text-sm leading-relaxed text-gray-500 dark:text-gray-400"
         >
             Laravel has wonderful documentation covering every aspect of the
             framework. Whether you're new to the framework or have previous
@@ -61,7 +61,7 @@ class="inline-flex items-center font-semibold text-indigo-700 dark:text-indigo-3
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 20 20"
-                    class="ms-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200"
+                    class="ms-1 h-5 w-5 fill-indigo-500 dark:fill-indigo-200"
                 >
                     <path
                         fill-rule="evenodd"
@@ -80,7 +80,7 @@ class="ms-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke-width="1.5"
-                class="w-6 h-6 stroke-gray-400"
+                class="h-6 w-6 stroke-gray-400"
             >
                 <path
                     stroke-linecap="round"
@@ -95,7 +95,7 @@ class="ms-3 text-xl font-semibold text-gray-900 dark:text-white"
         </div>
 
         <p
-            class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed"
+            class="mt-4 text-sm leading-relaxed text-gray-500 dark:text-gray-400"
         >
             Laracasts offers thousands of video tutorials on Laravel, PHP, and
             JavaScript development. Check them out, see for yourself, and
@@ -112,7 +112,7 @@ class="inline-flex items-center font-semibold text-indigo-700 dark:text-indigo-3
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 20 20"
-                    class="ms-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200"
+                    class="ms-1 h-5 w-5 fill-indigo-500 dark:fill-indigo-200"
                 >
                     <path
                         fill-rule="evenodd"
@@ -131,7 +131,7 @@ class="ms-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke-width="1.5"
-                class="w-6 h-6 stroke-gray-400"
+                class="h-6 w-6 stroke-gray-400"
             >
                 <path
                     stroke-linecap="round"
@@ -147,7 +147,7 @@ class="ms-3 text-xl font-semibold text-gray-900 dark:text-white"
         </div>
 
         <p
-            class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed"
+            class="mt-4 text-sm leading-relaxed text-gray-500 dark:text-gray-400"
         >
             Laravel Jetstream is built with Tailwind, an amazing utility first
             CSS framework that doesn't get in your way. You'll be amazed how
@@ -163,7 +163,7 @@ class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed"
                 fill="none"
                 viewBox="0 0 24 24"
                 stroke-width="1.5"
-                class="w-6 h-6 stroke-gray-400"
+                class="h-6 w-6 stroke-gray-400"
             >
                 <path
                     stroke-linecap="round"
@@ -179,7 +179,7 @@ class="ms-3 text-xl font-semibold text-gray-900 dark:text-white"
         </div>
 
         <p
-            class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed"
+            class="mt-4 text-sm leading-relaxed text-gray-500 dark:text-gray-400"
         >
             Authentication and registration views are included with Laravel
             Jetstream, as well as support for user email verification and
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 46527ec..8336f00 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -1,16 +1,16 @@
 <x-app-layout>
     <x-slot name="header">
         <h2
-            class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight"
+            class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200"
         >
             {{ __('Dashboard') }}
         </h2>
     </x-slot>
 
     <div class="py-12">
-        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+        <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
             <div
-                class="bg-white dark:bg-gray-800 overflow-hidden shadow-xl sm:rounded-lg"
+                class="overflow-hidden bg-white shadow-xl sm:rounded-lg dark:bg-gray-800"
             >
                 <x-welcome />
             </div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e9f3046..1d90b36 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -28,8 +28,8 @@
 
             <!-- Page Heading -->
             @if (isset($header))
-                <header class="bg-white dark:bg-gray-800 shadow">
-                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
+                <header class="bg-white shadow dark:bg-gray-800">
+                    <div class="mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
                         {{ $header }}
                     </div>
                 </header>
diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
index bc88030..7c43d84 100644
--- a/resources/views/layouts/guest.blade.php
+++ b/resources/views/layouts/guest.blade.php
@@ -21,7 +21,7 @@
         @livewireStyles
     </head>
     <body>
-        <div class="font-sans text-gray-900 dark:text-gray-100 antialiased">
+        <div class="font-sans text-gray-900 antialiased dark:text-gray-100">
             {{ $slot }}
         </div>
 
diff --git a/resources/views/navigation-menu.blade.php b/resources/views/navigation-menu.blade.php
index 72c5f37..4417b65 100644
--- a/resources/views/navigation-menu.blade.php
+++ b/resources/views/navigation-menu.blade.php
@@ -1,13 +1,13 @@
 <nav
     x-data="{ open: false }"
-    class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700"
+    class="border-b border-gray-100 bg-white dark:border-gray-700 dark:bg-gray-800"
 >
     <!-- Primary Navigation Menu -->
-    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="flex justify-between h-16">
+    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
+        <div class="flex h-16 justify-between">
             <div class="flex">
                 <!-- Logo -->
-                <div class="shrink-0 flex items-center">
+                <div class="flex shrink-0 items-center">
                     <a href="{{ route('dashboard') }}">
                         <x-application-mark class="block h-9 w-auto" />
                     </a>
@@ -24,21 +24,21 @@ class="bg-white dark:bg-gray-800 border-b border-gray-100 dark:border-gray-700"
                 </div>
             </div>
 
-            <div class="hidden sm:flex sm:items-center sm:ms-6">
+            <div class="hidden sm:ms-6 sm:flex sm:items-center">
                 <!-- Teams Dropdown -->
                 @if (Laravel\Jetstream\Jetstream::hasTeamFeatures())
-                    <div class="ms-3 relative">
+                    <div class="relative ms-3">
                         <x-dropdown align="right" width="60">
                             <x-slot name="trigger">
                                 <span class="inline-flex rounded-md">
                                     <button
                                         type="button"
-                                        class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none focus:bg-gray-50 dark:focus:bg-gray-700 active:bg-gray-50 dark:active:bg-gray-700 transition ease-in-out duration-150"
+                                        class="inline-flex items-center rounded-md border border-transparent bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-500 transition duration-150 ease-in-out hover:text-gray-700 focus:bg-gray-50 focus:outline-none active:bg-gray-50 dark:bg-gray-800 dark:text-gray-400 dark:hover:text-gray-300 dark:focus:bg-gray-700 dark:active:bg-gray-700"
                                     >
                                         {{ Auth::user()->currentTeam->name }}
 
                                         <svg
-                                            class="ms-2 -me-0.5 h-4 w-4"
+                                            class="-me-0.5 ms-2 h-4 w-4"
                                             xmlns="http://www.w3.org/2000/svg"
                                             fill="none"
                                             viewBox="0 0 24 24"
@@ -102,12 +102,12 @@ class="block px-4 py-2 text-xs text-gray-400"
                 @endif
 
                 <!-- Settings Dropdown -->
-                <div class="ms-3 relative">
+                <div class="relative ms-3">
                     <x-dropdown align="right" width="48">
                         <x-slot name="trigger">
                             @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
                                 <button
-                                    class="flex text-sm border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300 transition"
+                                    class="flex rounded-full border-2 border-transparent text-sm transition focus:border-gray-300 focus:outline-none"
                                 >
                                     <img
                                         class="h-8 w-8 rounded-full object-cover"
@@ -119,12 +119,12 @@ class="h-8 w-8 rounded-full object-cover"
                                 <span class="inline-flex rounded-md">
                                     <button
                                         type="button"
-                                        class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none focus:bg-gray-50 dark:focus:bg-gray-700 active:bg-gray-50 dark:active:bg-gray-700 transition ease-in-out duration-150"
+                                        class="inline-flex items-center rounded-md border border-transparent bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-500 transition duration-150 ease-in-out hover:text-gray-700 focus:bg-gray-50 focus:outline-none active:bg-gray-50 dark:bg-gray-800 dark:text-gray-400 dark:hover:text-gray-300 dark:focus:bg-gray-700 dark:active:bg-gray-700"
                                     >
                                         {{ Auth::user()->name }}
 
                                         <svg
-                                            class="ms-2 -me-0.5 h-4 w-4"
+                                            class="-me-0.5 ms-2 h-4 w-4"
                                             xmlns="http://www.w3.org/2000/svg"
                                             fill="none"
                                             viewBox="0 0 24 24"
@@ -188,7 +188,7 @@ class="border-t border-gray-200 dark:border-gray-600"
             <div class="-me-2 flex items-center sm:hidden">
                 <button
                     @click="open = ! open"
-                    class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out"
+                    class="inline-flex items-center justify-center rounded-md p-2 text-gray-400 transition duration-150 ease-in-out hover:bg-gray-100 hover:text-gray-500 focus:bg-gray-100 focus:text-gray-500 focus:outline-none dark:text-gray-500 dark:hover:bg-gray-900 dark:hover:text-gray-400 dark:focus:bg-gray-900 dark:focus:text-gray-400"
                 >
                     <svg
                         class="h-6 w-6"
@@ -220,7 +220,7 @@ class="hidden"
 
     <!-- Responsive Navigation Menu -->
     <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden">
-        <div class="pt-2 pb-3 space-y-1">
+        <div class="space-y-1 pb-3 pt-2">
             <x-responsive-nav-link
                 href="{{ route('dashboard') }}"
                 :active="request()->routeIs('dashboard')"
@@ -230,10 +230,10 @@ class="hidden"
         </div>
 
         <!-- Responsive Settings Options -->
-        <div class="pt-4 pb-1 border-t border-gray-200 dark:border-gray-600">
+        <div class="border-t border-gray-200 pb-1 pt-4 dark:border-gray-600">
             <div class="flex items-center px-4">
                 @if (Laravel\Jetstream\Jetstream::managesProfilePhotos())
-                    <div class="shrink-0 me-3">
+                    <div class="me-3 shrink-0">
                         <img
                             class="h-10 w-10 rounded-full object-cover"
                             src="{{ Auth::user()->profile_photo_url }}"
@@ -244,11 +244,11 @@ class="h-10 w-10 rounded-full object-cover"
 
                 <div>
                     <div
-                        class="font-medium text-base text-gray-800 dark:text-gray-200"
+                        class="text-base font-medium text-gray-800 dark:text-gray-200"
                     >
                         {{ Auth::user()->name }}
                     </div>
-                    <div class="font-medium text-sm text-gray-500">
+                    <div class="text-sm font-medium text-gray-500">
                         {{ Auth::user()->email }}
                     </div>
                 </div>
diff --git a/resources/views/policy.blade.php b/resources/views/policy.blade.php
index a2cee49..40d5597 100644
--- a/resources/views/policy.blade.php
+++ b/resources/views/policy.blade.php
@@ -1,12 +1,12 @@
 <x-guest-layout>
-    <div class="pt-4 bg-gray-100 dark:bg-gray-900">
-        <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
+    <div class="bg-gray-100 pt-4 dark:bg-gray-900">
+        <div class="flex min-h-screen flex-col items-center pt-6 sm:pt-0">
             <div>
                 <x-authentication-card-logo />
             </div>
 
             <div
-                class="w-full sm:max-w-2xl mt-6 p-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
+                class="prose mt-6 w-full overflow-hidden bg-white p-6 shadow-md dark:prose-invert sm:max-w-2xl sm:rounded-lg dark:bg-gray-800"
             >
                 {!! $policy !!}
             </div>
diff --git a/resources/views/profile/logout-other-browser-sessions-form.blade.php b/resources/views/profile/logout-other-browser-sessions-form.blade.php
index 843f0db..f90ffe5 100644
--- a/resources/views/profile/logout-other-browser-sessions-form.blade.php
+++ b/resources/views/profile/logout-other-browser-sessions-form.blade.php
@@ -25,7 +25,7 @@
                                     viewBox="0 0 24 24"
                                     stroke-width="1.5"
                                     stroke="currentColor"
-                                    class="w-8 h-8 text-gray-500"
+                                    class="h-8 w-8 text-gray-500"
                                 >
                                     <path
                                         stroke-linecap="round"
@@ -40,7 +40,7 @@ class="w-8 h-8 text-gray-500"
                                     viewBox="0 0 24 24"
                                     stroke-width="1.5"
                                     stroke="currentColor"
-                                    class="w-8 h-8 text-gray-500"
+                                    class="h-8 w-8 text-gray-500"
                                 >
                                     <path
                                         stroke-linecap="round"
@@ -66,7 +66,7 @@ class="text-sm text-gray-600 dark:text-gray-400"
 
                                     @if ($session->is_current_device)
                                         <span
-                                            class="text-green-500 font-semibold"
+                                            class="font-semibold text-green-500"
                                         >
                                             {{ __('This device') }}
                                         </span>
@@ -82,7 +82,7 @@ class="text-green-500 font-semibold"
             </div>
         @endif
 
-        <div class="flex items-center mt-5">
+        <div class="mt-5 flex items-center">
             <x-button wire:click="confirmLogout" wire:loading.attr="disabled">
                 {{ __('Log Out Other Browser Sessions') }}
             </x-button>
diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php
index 4885cc0..89744fc 100644
--- a/resources/views/profile/show.blade.php
+++ b/resources/views/profile/show.blade.php
@@ -1,14 +1,14 @@
 <x-app-layout>
     <x-slot name="header">
         <h2
-            class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight"
+            class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200"
         >
             {{ __('Profile') }}
         </h2>
     </x-slot>
 
     <div>
-        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
+        <div class="mx-auto max-w-7xl py-10 sm:px-6 lg:px-8">
             @if (Laravel\Fortify\Features::canUpdateProfileInformation())
                 @livewire('profile.update-profile-information-form')
 
diff --git a/resources/views/profile/two-factor-authentication-form.blade.php b/resources/views/profile/two-factor-authentication-form.blade.php
index d8654cd..6b9914a 100644
--- a/resources/views/profile/two-factor-authentication-form.blade.php
+++ b/resources/views/profile/two-factor-authentication-form.blade.php
@@ -40,7 +40,7 @@ class="mt-4 max-w-xl text-sm text-gray-600 dark:text-gray-400"
                     </p>
                 </div>
 
-                <div class="mt-4 p-2 inline-block bg-white">
+                <div class="mt-4 inline-block bg-white p-2">
                     {!! $this->user->twoFactorQrCodeSvg() !!}
                 </div>
 
@@ -61,7 +61,7 @@ class="mt-4 max-w-xl text-sm text-gray-600 dark:text-gray-400"
                             id="code"
                             type="text"
                             name="code"
-                            class="block mt-1 w-1/2"
+                            class="mt-1 block w-1/2"
                             inputmode="numeric"
                             autofocus
                             autocomplete="one-time-code"
@@ -84,7 +84,7 @@ class="mt-4 max-w-xl text-sm text-gray-600 dark:text-gray-400"
                 </div>
 
                 <div
-                    class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-gray-100 dark:bg-gray-900 dark:text-gray-100 rounded-lg"
+                    class="mt-4 grid max-w-xl gap-1 rounded-lg bg-gray-100 px-4 py-4 font-mono text-sm dark:bg-gray-900 dark:text-gray-100"
                 >
                     @foreach (json_decode(decrypt($this->user->two_factor_recovery_codes), true) as $code)
                         <div>{{ $code }}</div>
diff --git a/resources/views/profile/update-profile-information-form.blade.php b/resources/views/profile/update-profile-information-form.blade.php
index 6a95473..51a28d5 100644
--- a/resources/views/profile/update-profile-information-form.blade.php
+++ b/resources/views/profile/update-profile-information-form.blade.php
@@ -38,7 +38,7 @@ class="hidden"
                     <img
                         src="{{ $this->user->profile_photo_url }}"
                         alt="{{ $this->user->name }}"
-                        class="rounded-full h-20 w-20 object-cover"
+                        class="h-20 w-20 rounded-full object-cover"
                     />
                 </div>
 
@@ -49,13 +49,13 @@ class="mt-2"
                     style="display: none"
                 >
                     <span
-                        class="block rounded-full w-20 h-20 bg-cover bg-no-repeat bg-center"
+                        class="block h-20 w-20 rounded-full bg-cover bg-center bg-no-repeat"
                         x-bind:style="'background-image: url(\'' + photoPreview + '\');'"
                     ></span>
                 </div>
 
                 <x-secondary-button
-                    class="mt-2 me-2"
+                    class="me-2 mt-2"
                     type="button"
                     x-on:click.prevent="$refs.photo.click()"
                 >
@@ -104,12 +104,12 @@ class="mt-1 block w-full"
             <x-input-error for="email" class="mt-2" />
 
             @if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::emailVerification()) && ! $this->user->hasVerifiedEmail())
-                <p class="text-sm mt-2 dark:text-white">
+                <p class="mt-2 text-sm dark:text-white">
                     {{ __('Your email address is unverified.') }}
 
                     <button
                         type="button"
-                        class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
+                        class="rounded-md text-sm text-gray-600 underline hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 dark:text-gray-400 dark:hover:text-gray-100 dark:focus:ring-offset-gray-800"
                         wire:click.prevent="sendEmailVerification"
                     >
                         {{ __('Click here to re-send the verification email.') }}
@@ -118,7 +118,7 @@ class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 da
 
                 @if ($this->verificationLinkSent)
                     <p
-                        class="mt-2 font-medium text-sm text-green-600 dark:text-green-400"
+                        class="mt-2 text-sm font-medium text-green-600 dark:text-green-400"
                     >
                         {{ __('A new verification link has been sent to your email address.') }}
                     </p>
diff --git a/resources/views/teams/create-team-form.blade.php b/resources/views/teams/create-team-form.blade.php
index 2c86aff..caf2fc1 100644
--- a/resources/views/teams/create-team-form.blade.php
+++ b/resources/views/teams/create-team-form.blade.php
@@ -11,9 +11,9 @@
         <div class="col-span-6">
             <x-label value="{{ __('Team Owner') }}" />
 
-            <div class="flex items-center mt-2">
+            <div class="mt-2 flex items-center">
                 <img
-                    class="w-12 h-12 rounded-full object-cover"
+                    class="h-12 w-12 rounded-full object-cover"
                     src="{{ $this->user->profile_photo_url }}"
                     alt="{{ $this->user->name }}"
                 />
@@ -22,7 +22,7 @@ class="w-12 h-12 rounded-full object-cover"
                     <div class="text-gray-900 dark:text-white">
                         {{ $this->user->name }}
                     </div>
-                    <div class="text-gray-700 dark:text-gray-300 text-sm">
+                    <div class="text-sm text-gray-700 dark:text-gray-300">
                         {{ $this->user->email }}
                     </div>
                 </div>
diff --git a/resources/views/teams/create.blade.php b/resources/views/teams/create.blade.php
index dcb5634..c8b2564 100644
--- a/resources/views/teams/create.blade.php
+++ b/resources/views/teams/create.blade.php
@@ -1,14 +1,14 @@
 <x-app-layout>
     <x-slot name="header">
         <h2
-            class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight"
+            class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200"
         >
             {{ __('Create Team') }}
         </h2>
     </x-slot>
 
     <div>
-        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
+        <div class="mx-auto max-w-7xl py-10 sm:px-6 lg:px-8">
             @livewire('teams.create-team-form')
         </div>
     </div>
diff --git a/resources/views/teams/show.blade.php b/resources/views/teams/show.blade.php
index e4a2b14..50dbdc2 100644
--- a/resources/views/teams/show.blade.php
+++ b/resources/views/teams/show.blade.php
@@ -1,14 +1,14 @@
 <x-app-layout>
     <x-slot name="header">
         <h2
-            class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight"
+            class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200"
         >
             {{ __('Team Settings') }}
         </h2>
     </x-slot>
 
     <div>
-        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
+        <div class="mx-auto max-w-7xl py-10 sm:px-6 lg:px-8">
             @livewire('teams.update-team-name-form', ['team' => $team])
 
             @livewire('teams.team-member-manager', ['team' => $team])
diff --git a/resources/views/teams/team-member-manager.blade.php b/resources/views/teams/team-member-manager.blade.php
index 31f781e..072fdf4 100644
--- a/resources/views/teams/team-member-manager.blade.php
+++ b/resources/views/teams/team-member-manager.blade.php
@@ -41,12 +41,12 @@ class="mt-1 block w-full"
                             <x-input-error for="role" class="mt-2" />
 
                             <div
-                                class="relative z-0 mt-1 border border-gray-200 dark:border-gray-700 rounded-lg cursor-pointer"
+                                class="relative z-0 mt-1 cursor-pointer rounded-lg border border-gray-200 dark:border-gray-700"
                             >
                                 @foreach ($this->roles as $index => $role)
                                     <button
                                         type="button"
-                                        class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-600 {{ $index > 0 ? 'border-t border-gray-200 dark:border-gray-700 focus:border-none rounded-t-none' : '' }} {{ ! $loop->last ? 'rounded-b-none' : '' }}"
+                                        class="{{ $index > 0 ? 'rounded-t-none border-t border-gray-200 focus:border-none dark:border-gray-700' : '' }} {{ ! $loop->last ? 'rounded-b-none' : '' }} relative inline-flex w-full rounded-lg px-4 py-3 focus:z-10 focus:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:border-indigo-600 dark:focus:ring-indigo-600"
                                         wire:click="$set('addTeamMemberForm.role', '{{ $role->key }}')"
                                     >
                                         <div
@@ -55,7 +55,7 @@ class="{{ isset($addTeamMemberForm['role']) && $addTeamMemberForm['role'] !== $r
                                             <!-- Role Name -->
                                             <div class="flex items-center">
                                                 <div
-                                                    class="text-sm text-gray-600 dark:text-gray-400 {{ $addTeamMemberForm['role'] == $role->key ? 'font-semibold' : '' }}"
+                                                    class="{{ $addTeamMemberForm['role'] == $role->key ? 'font-semibold' : '' }} text-sm text-gray-600 dark:text-gray-400"
                                                 >
                                                     {{ $role->name }}
                                                 </div>
@@ -80,7 +80,7 @@ class="ms-2 h-5 w-5 text-green-400"
 
                                             <!-- Role Description -->
                                             <div
-                                                class="mt-2 text-xs text-gray-600 dark:text-gray-400 text-start"
+                                                class="mt-2 text-start text-xs text-gray-600 dark:text-gray-400"
                                             >
                                                 {{ $role->description }}
                                             </div>
@@ -131,7 +131,7 @@ class="mt-2 text-xs text-gray-600 dark:text-gray-400 text-start"
                                     @if (Gate::check('removeTeamMember', $team))
                                         <!-- Cancel Team Invitation -->
                                         <button
-                                            class="cursor-pointer ms-6 text-sm text-red-500 focus:outline-none"
+                                            class="ms-6 cursor-pointer text-sm text-red-500 focus:outline-none"
                                             wire:click="cancelTeamInvitation({{ $invitation->id }})"
                                         >
                                             {{ __('Cancel') }}
@@ -167,7 +167,7 @@ class="cursor-pointer ms-6 text-sm text-red-500 focus:outline-none"
                             <div class="flex items-center justify-between">
                                 <div class="flex items-center">
                                     <img
-                                        class="w-8 h-8 rounded-full object-cover"
+                                        class="h-8 w-8 rounded-full object-cover"
                                         src="{{ $user->profile_photo_url }}"
                                         alt="{{ $user->name }}"
                                     />
@@ -194,7 +194,7 @@ class="ms-2 text-sm text-gray-400 underline"
                                     <!-- Leave Team -->
                                     @if ($this->user->id === $user->id)
                                         <button
-                                            class="cursor-pointer ms-6 text-sm text-red-500"
+                                            class="ms-6 cursor-pointer text-sm text-red-500"
                                             wire:click="$toggle('confirmingLeavingTeam')"
                                         >
                                             {{ __('Leave') }}
@@ -203,7 +203,7 @@ class="cursor-pointer ms-6 text-sm text-red-500"
                                         <!-- Remove Team Member -->
                                     @elseif (Gate::check('removeTeamMember', $team))
                                         <button
-                                            class="cursor-pointer ms-6 text-sm text-red-500"
+                                            class="ms-6 cursor-pointer text-sm text-red-500"
                                             wire:click="confirmTeamMemberRemoval('{{ $user->id }}')"
                                         >
                                             {{ __('Remove') }}
@@ -226,12 +226,12 @@ class="cursor-pointer ms-6 text-sm text-red-500"
 
         <x-slot name="content">
             <div
-                class="relative z-0 mt-1 border border-gray-200 dark:border-gray-700 rounded-lg cursor-pointer"
+                class="relative z-0 mt-1 cursor-pointer rounded-lg border border-gray-200 dark:border-gray-700"
             >
                 @foreach ($this->roles as $index => $role)
                     <button
                         type="button"
-                        class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-600 {{ $index > 0 ? 'border-t border-gray-200 dark:border-gray-700 focus:border-none rounded-t-none' : '' }} {{ ! $loop->last ? 'rounded-b-none' : '' }}"
+                        class="{{ $index > 0 ? 'rounded-t-none border-t border-gray-200 focus:border-none dark:border-gray-700' : '' }} {{ ! $loop->last ? 'rounded-b-none' : '' }} relative inline-flex w-full rounded-lg px-4 py-3 focus:z-10 focus:border-indigo-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:border-indigo-600 dark:focus:ring-indigo-600"
                         wire:click="$set('currentRole', '{{ $role->key }}')"
                     >
                         <div
@@ -240,7 +240,7 @@ class="{{ $currentRole !== $role->key ? 'opacity-50' : '' }}"
                             <!-- Role Name -->
                             <div class="flex items-center">
                                 <div
-                                    class="text-sm text-gray-600 dark:text-gray-400 {{ $currentRole == $role->key ? 'font-semibold' : '' }}"
+                                    class="{{ $currentRole == $role->key ? 'font-semibold' : '' }} text-sm text-gray-600 dark:text-gray-400"
                                 >
                                     {{ $role->name }}
                                 </div>
diff --git a/resources/views/teams/update-team-name-form.blade.php b/resources/views/teams/update-team-name-form.blade.php
index b8b0fad..de4f179 100644
--- a/resources/views/teams/update-team-name-form.blade.php
+++ b/resources/views/teams/update-team-name-form.blade.php
@@ -12,9 +12,9 @@
         <div class="col-span-6">
             <x-label value="{{ __('Team Owner') }}" />
 
-            <div class="flex items-center mt-2">
+            <div class="mt-2 flex items-center">
                 <img
-                    class="w-12 h-12 rounded-full object-cover"
+                    class="h-12 w-12 rounded-full object-cover"
                     src="{{ $team->owner->profile_photo_url }}"
                     alt="{{ $team->owner->name }}"
                 />
@@ -23,7 +23,7 @@ class="w-12 h-12 rounded-full object-cover"
                     <div class="text-gray-900 dark:text-white">
                         {{ $team->owner->name }}
                     </div>
-                    <div class="text-gray-700 dark:text-gray-300 text-sm">
+                    <div class="text-sm text-gray-700 dark:text-gray-300">
                         {{ $team->owner->email }}
                     </div>
                 </div>
diff --git a/resources/views/terms.blade.php b/resources/views/terms.blade.php
index 12b17ed..1ee7a7a 100644
--- a/resources/views/terms.blade.php
+++ b/resources/views/terms.blade.php
@@ -1,12 +1,12 @@
 <x-guest-layout>
-    <div class="pt-4 bg-gray-100 dark:bg-gray-900">
-        <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
+    <div class="bg-gray-100 pt-4 dark:bg-gray-900">
+        <div class="flex min-h-screen flex-col items-center pt-6 sm:pt-0">
             <div>
                 <x-authentication-card-logo />
             </div>
 
             <div
-                class="w-full sm:max-w-2xl mt-6 p-6 bg-white dark:bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
+                class="prose mt-6 w-full overflow-hidden bg-white p-6 shadow-md dark:prose-invert sm:max-w-2xl sm:rounded-lg dark:bg-gray-800"
             >
                 {!! $terms !!}
             </div>