From 9ccf15aade72c1b2fa5de158479c5ff1022feb13 Mon Sep 17 00:00:00 2001
From: Joel Butcher <joelbutcher@users.noreply.github.com>
Date: Wed, 1 Nov 2023 14:53:41 +0000
Subject: [PATCH] replace left/right with start/end to support RTL (#312)

---
 stubs/breeze/default/resources/views/auth/login.blade.php     | 4 ++--
 stubs/breeze/default/resources/views/auth/register.blade.php  | 2 +-
 .../resources/views/components/connected-account.blade.php    | 4 ++--
 .../views/profile/partials/connected-accounts-form.blade.php  | 2 +-
 .../resources/js/Components/ConnectedAccount.tsx              | 2 +-
 .../breeze/inertia-react-ts/resources/js/Pages/Auth/Login.tsx | 4 ++--
 .../inertia-react-ts/resources/js/Pages/Auth/Register.tsx     | 2 +-
 .../js/Pages/Profile/Partials/ConnectedAccountsForm.tsx       | 2 +-
 .../resources/js/Components/ConnectedAccount.jsx              | 2 +-
 stubs/breeze/inertia-react/resources/js/Pages/Auth/Login.jsx  | 4 ++--
 .../breeze/inertia-react/resources/js/Pages/Auth/Register.jsx | 2 +-
 .../js/Pages/Profile/Partials/ConnectedAccountsForm.jsx       | 2 +-
 .../resources/js/Components/ConnectedAccount.vue              | 4 ++--
 stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Login.vue | 4 ++--
 .../inertia-vue-ts/resources/js/Pages/Auth/Register.vue       | 2 +-
 .../js/Pages/Profile/Partials/ConnectedAccountsForm.vue       | 2 +-
 .../inertia-vue/resources/js/Components/ConnectedAccount.vue  | 4 ++--
 stubs/breeze/inertia-vue/resources/js/Pages/Auth/Login.vue    | 4 ++--
 stubs/breeze/inertia-vue/resources/js/Pages/Auth/Register.vue | 2 +-
 .../js/Pages/Profile/Partials/ConnectedAccountsForm.vue       | 2 +-
 .../resources/views/livewire/pages/auth/login.blade.php       | 4 ++--
 .../resources/views/livewire/pages/auth/register.blade.php    | 2 +-
 .../views/livewire/profile/connected-accounts-form.blade.php  | 2 +-
 .../views/livewire/profile/delete-user-form.blade.php         | 2 +-
 .../resources/views/livewire/pages/auth/login.blade.php       | 4 ++--
 .../resources/views/livewire/pages/auth/register.blade.php    | 2 +-
 .../views/livewire/profile/connected-accounts-form.blade.php  | 2 +-
 .../views/livewire/profile/delete-user-form.blade.php         | 2 +-
 .../inertia/resources/js/Components/ConnectedAccount.vue      | 2 +-
 .../js/Pages/Profile/Partials/ConnectedAccountsForm.vue       | 2 +-
 .../resources/views/profile/connected-accounts-form.blade.php | 2 +-
 31 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/stubs/breeze/default/resources/views/auth/login.blade.php b/stubs/breeze/default/resources/views/auth/login.blade.php
index b76bf140..7b20d84d 100644
--- a/stubs/breeze/default/resources/views/auth/login.blade.php
+++ b/stubs/breeze/default/resources/views/auth/login.blade.php
@@ -28,7 +28,7 @@
         <div class="block mt-4">
             <label for="remember_me" class="inline-flex items-center">
                 <input id="remember_me" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
-                <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
+                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
             </label>
         </div>
 
@@ -39,7 +39,7 @@
                 </a>
             @endif
 
-            <x-primary-button class="ml-3">
+            <x-primary-button class="ms-3">
                 {{ __('Log in') }}
             </x-primary-button>
         </div>
diff --git a/stubs/breeze/default/resources/views/auth/register.blade.php b/stubs/breeze/default/resources/views/auth/register.blade.php
index e8c27e99..9c4b4447 100644
--- a/stubs/breeze/default/resources/views/auth/register.blade.php
+++ b/stubs/breeze/default/resources/views/auth/register.blade.php
@@ -44,7 +44,7 @@
                 {{ __('Already registered?') }}
             </a>
 
-            <x-primary-button class="ml-4">
+            <x-primary-button class="ms-4">
                 {{ __('Register') }}
             </x-primary-button>
         </div>
diff --git a/stubs/breeze/default/resources/views/components/connected-account.blade.php b/stubs/breeze/default/resources/views/components/connected-account.blade.php
index 06839527..0f6f36c2 100644
--- a/stubs/breeze/default/resources/views/components/connected-account.blade.php
+++ b/stubs/breeze/default/resources/views/components/connected-account.blade.php
@@ -1,11 +1,11 @@
 @props(['provider', 'createdAt' => null])
 
 <div>
-    <div class="pl-3 flex items-center justify-between">
+    <div class="ps-3 flex items-center justify-between">
         <div class="flex items-center">
             <x-socialstream-icons.provider-icon :provider="$provider['id']" class="h-6 w-6" />
 
-            <div class="ml-2">
+            <div class="ms-2">
                 <div class="text-sm font-semibold text-gray-600 dark:text-gray-400">
                     {{ __($provider['name']) }}
                 </div>
diff --git a/stubs/breeze/default/resources/views/profile/partials/connected-accounts-form.blade.php b/stubs/breeze/default/resources/views/profile/partials/connected-accounts-form.blade.php
index e04b2d85..41e97e3e 100644
--- a/stubs/breeze/default/resources/views/profile/partials/connected-accounts-form.blade.php
+++ b/stubs/breeze/default/resources/views/profile/partials/connected-accounts-form.blade.php
@@ -70,7 +70,7 @@ class="mt-1 block w-3/4"
                                 {{ __('Cancel') }}
                             </x-secondary-button>
 
-                            <x-danger-button class="ml-3">
+                            <x-danger-button class="ms-3">
                                 {{ __('Remove Account') }}
                             </x-danger-button>
                         </div>
diff --git a/stubs/breeze/inertia-react-ts/resources/js/Components/ConnectedAccount.tsx b/stubs/breeze/inertia-react-ts/resources/js/Components/ConnectedAccount.tsx
index 693e4cbd..e7f74acb 100644
--- a/stubs/breeze/inertia-react-ts/resources/js/Components/ConnectedAccount.tsx
+++ b/stubs/breeze/inertia-react-ts/resources/js/Components/ConnectedAccount.tsx
@@ -12,7 +12,7 @@ export default function ConnectedAccount({ children, provider, connectedAccount
                 <div className="flex items-center">
                     <ProviderIcon provider={provider} className="h-6 w-6"/>
 
-                    <div className="ml-2">
+                    <div className="ms-2">
                         <div className="text-sm font-semibold text-gray-600 dark:text-gray-400">
                             {provider.name}
                         </div>
diff --git a/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Login.tsx b/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Login.tsx
index e8351a17..398bbb58 100644
--- a/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Login.tsx
+++ b/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Login.tsx
@@ -75,7 +75,7 @@ export default function Login({ status, canResetPassword, socialstream, errors:
                             checked={data.remember}
                             onChange={(e) => setData('remember', e.target.checked)}
                         />
-                        <span className="ml-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                        <span className="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                     </label>
                 </div>
 
@@ -89,7 +89,7 @@ export default function Login({ status, canResetPassword, socialstream, errors:
                         </Link>
                     )}
 
-                    <PrimaryButton className="ml-4" disabled={processing}>
+                    <PrimaryButton className="ms-4" disabled={processing}>
                         Log in
                     </PrimaryButton>
                 </div>
diff --git a/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Register.tsx b/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Register.tsx
index 2591f813..5b77aaee 100644
--- a/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Register.tsx
+++ b/stubs/breeze/inertia-react-ts/resources/js/Pages/Auth/Register.tsx
@@ -109,7 +109,7 @@ export default function Register({ socialstream, errors: { socialstream: socials
                         Already registered?
                     </Link>
 
-                    <PrimaryButton className="ml-4" disabled={processing}>
+                    <PrimaryButton className="ms-4" disabled={processing}>
                         Register
                     </PrimaryButton>
                 </div>
diff --git a/stubs/breeze/inertia-react-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.tsx b/stubs/breeze/inertia-react-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.tsx
index effe97b1..7544e158 100644
--- a/stubs/breeze/inertia-react-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.tsx
+++ b/stubs/breeze/inertia-react-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.tsx
@@ -108,7 +108,7 @@ export default function ConnectedAccountsForm({ className = '', hasPassword, pro
                                         <div className="mt-6 flex justify-end">
                                             <SecondaryButton onClick={closeModal}>Cancel</SecondaryButton>
 
-                                            <DangerButton className="ml-3" disabled={processing}>
+                                            <DangerButton className="ms-3" disabled={processing}>
                                                 Remove Account
                                             </DangerButton>
                                         </div>
diff --git a/stubs/breeze/inertia-react/resources/js/Components/ConnectedAccount.jsx b/stubs/breeze/inertia-react/resources/js/Components/ConnectedAccount.jsx
index af2fb652..f2ae14a2 100644
--- a/stubs/breeze/inertia-react/resources/js/Components/ConnectedAccount.jsx
+++ b/stubs/breeze/inertia-react/resources/js/Components/ConnectedAccount.jsx
@@ -7,7 +7,7 @@ export default function ConnectedAccount({ children, provider, connectedAccount
                 <div className="flex items-center">
                     <ProviderIcon provider={provider} className="h-6 w-6" />
 
-                    <div className="ml-2">
+                    <div className="ms-2">
                         <div className="text-sm font-semibold text-gray-600 dark:text-gray-400">{provider.name}</div>
 
                         {connectedAccount?.created_at ? (
diff --git a/stubs/breeze/inertia-react/resources/js/Pages/Auth/Login.jsx b/stubs/breeze/inertia-react/resources/js/Pages/Auth/Login.jsx
index 1beff4fc..76066703 100644
--- a/stubs/breeze/inertia-react/resources/js/Pages/Auth/Login.jsx
+++ b/stubs/breeze/inertia-react/resources/js/Pages/Auth/Login.jsx
@@ -79,7 +79,7 @@ export default function Login({
                             checked={data.remember}
                             onChange={(e) => setData('remember', e.target.checked)}
                         />
-                        <span className="ml-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                        <span className="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                     </label>
                 </div>
 
@@ -93,7 +93,7 @@ export default function Login({
                         </Link>
                     )}
 
-                    <PrimaryButton className="ml-4" disabled={processing}>
+                    <PrimaryButton className="ms-4" disabled={processing}>
                         Log in
                     </PrimaryButton>
                 </div>
diff --git a/stubs/breeze/inertia-react/resources/js/Pages/Auth/Register.jsx b/stubs/breeze/inertia-react/resources/js/Pages/Auth/Register.jsx
index 5bae04bd..60f87661 100644
--- a/stubs/breeze/inertia-react/resources/js/Pages/Auth/Register.jsx
+++ b/stubs/breeze/inertia-react/resources/js/Pages/Auth/Register.jsx
@@ -108,7 +108,7 @@ export default function Register({ socialstream, errors: { socialstream: socials
                         Already registered?
                     </Link>
 
-                    <PrimaryButton className="ml-4" disabled={processing}>
+                    <PrimaryButton className="ms-4" disabled={processing}>
                         Register
                     </PrimaryButton>
                 </div>
diff --git a/stubs/breeze/inertia-react/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.jsx b/stubs/breeze/inertia-react/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.jsx
index a6246c3f..d1de2186 100644
--- a/stubs/breeze/inertia-react/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.jsx
+++ b/stubs/breeze/inertia-react/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.jsx
@@ -110,7 +110,7 @@ export default function ConnectedAccountsForm({ className = '', hasPassword, pro
                                         <div className="mt-6 flex justify-end">
                                             <SecondaryButton onClick={closeModal}>Cancel</SecondaryButton>
 
-                                            <DangerButton className="ml-3" disabled={processing}>
+                                            <DangerButton className="ms-3" disabled={processing}>
                                                 Remove Account
                                             </DangerButton>
                                         </div>
diff --git a/stubs/breeze/inertia-vue-ts/resources/js/Components/ConnectedAccount.vue b/stubs/breeze/inertia-vue-ts/resources/js/Components/ConnectedAccount.vue
index cb6b8e71..5c94fe77 100644
--- a/stubs/breeze/inertia-vue-ts/resources/js/Components/ConnectedAccount.vue
+++ b/stubs/breeze/inertia-vue-ts/resources/js/Components/ConnectedAccount.vue
@@ -13,9 +13,9 @@ const props = defineProps<{
     <div>
         <div class="px-3 flex items-center justify-between">
             <div class="flex items-center">
-                <ProviderIcon :provider="provider" classes="h-6 w-6 mr-2"/>
+                <ProviderIcon :provider="provider" classes="h-6 w-6 me-2"/>
 
-                <div class="ml-2">
+                <div class="ms-2">
                     <div class="text-sm font-semibold text-gray-600 dark:text-gray-400">
                         {{ provider.name }}
                     </div>
diff --git a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Login.vue b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Login.vue
index 0887d1ee..66121d22 100644
--- a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Login.vue
+++ b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Login.vue
@@ -74,7 +74,7 @@ const submit = () => {
             <div class="block mt-4">
                 <label class="flex items-center">
                     <Checkbox v-model:checked="form.remember" name="remember"/>
-                    <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                    <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                 </label>
             </div>
 
@@ -87,7 +87,7 @@ const submit = () => {
                     Forgot your password?
                 </Link>
 
-                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ml-4">
+                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ms-4">
                     Log in
                 </PrimaryButton>
             </div>
diff --git a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Register.vue b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Register.vue
index 240a3b41..06a497f1 100644
--- a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Register.vue
+++ b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Auth/Register.vue
@@ -103,7 +103,7 @@ const submit = () => {
                     Already registered?
                 </Link>
 
-                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ml-4">
+                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ms-4">
                     Register
                 </PrimaryButton>
             </div>
diff --git a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
index d88481b2..3d21c51f 100644
--- a/stubs/breeze/inertia-vue-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
+++ b/stubs/breeze/inertia-vue-ts/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
@@ -130,7 +130,7 @@ const closeModal = () => {
                 <DangerButton
                     :class="{ 'opacity-25': form.processing }"
                     :disabled="form.processing"
-                    class="ml-3"
+                    class="ms-3"
                     @click="removeAccount"
                 >
                     Remove Account
diff --git a/stubs/breeze/inertia-vue/resources/js/Components/ConnectedAccount.vue b/stubs/breeze/inertia-vue/resources/js/Components/ConnectedAccount.vue
index 2a9a2b4c..caeccefd 100644
--- a/stubs/breeze/inertia-vue/resources/js/Components/ConnectedAccount.vue
+++ b/stubs/breeze/inertia-vue/resources/js/Components/ConnectedAccount.vue
@@ -17,9 +17,9 @@ const props = defineProps({
     <div>
         <div class="px-3 flex items-center justify-between">
             <div class="flex items-center">
-                <ProviderIcon :provider="provider" classes="h-6 w-6 mr-2"/>
+                <ProviderIcon :provider="provider" classes="h-6 w-6 me-2"/>
 
-                <div class="ml-2">
+                <div class="ms-2">
                     <div class="text-sm font-semibold text-gray-600 dark:text-gray-400">
                         {{ provider.name }}
                     </div>
diff --git a/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Login.vue b/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Login.vue
index 694087b9..b6a75f18 100644
--- a/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Login.vue
+++ b/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Login.vue
@@ -79,7 +79,7 @@ const submit = () => {
             <div class="block mt-4">
                 <label class="flex items-center">
                     <Checkbox v-model:checked="form.remember" name="remember"/>
-                    <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
+                    <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">Remember me</span>
                 </label>
             </div>
 
@@ -92,7 +92,7 @@ const submit = () => {
                     Forgot your password?
                 </Link>
 
-                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ml-4">
+                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ms-4">
                     Log in
                 </PrimaryButton>
             </div>
diff --git a/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Register.vue b/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Register.vue
index f3505016..2675267c 100644
--- a/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Register.vue
+++ b/stubs/breeze/inertia-vue/resources/js/Pages/Auth/Register.vue
@@ -104,7 +104,7 @@ const submit = () => {
                     Already registered?
                 </Link>
 
-                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ml-4">
+                <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing" class="ms-4">
                     Register
                 </PrimaryButton>
             </div>
diff --git a/stubs/breeze/inertia-vue/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue b/stubs/breeze/inertia-vue/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
index 9e92c4e0..2865018e 100644
--- a/stubs/breeze/inertia-vue/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
+++ b/stubs/breeze/inertia-vue/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
@@ -135,7 +135,7 @@ const closeModal = () => {
                 <DangerButton
                     :class="{ 'opacity-25': form.processing }"
                     :disabled="form.processing"
-                    class="ml-3"
+                    class="ms-3"
                     @click="removeAccount"
                 >
                     Remove Account
diff --git a/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/login.blade.php b/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/login.blade.php
index ca302f56..78e4e3a6 100644
--- a/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/login.blade.php
+++ b/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/login.blade.php
@@ -54,7 +54,7 @@
         <div class="block mt-4">
             <label for="remember" class="inline-flex items-center">
                 <input wire:model="form.remember" id="remember" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
-                <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
+                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
             </label>
         </div>
 
@@ -65,7 +65,7 @@
                 </a>
             @endif
 
-            <x-primary-button class="ml-3">
+            <x-primary-button class="ms-3">
                 {{ __('Log in') }}
             </x-primary-button>
         </div>
diff --git a/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/register.blade.php b/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/register.blade.php
index 4d396928..956ce9ac 100644
--- a/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/register.blade.php
+++ b/stubs/breeze/livewire-functional/resources/views/livewire/pages/auth/register.blade.php
@@ -84,7 +84,7 @@
                 {{ __('Already registered?') }}
             </a>
 
-            <x-primary-button class="ml-4">
+            <x-primary-button class="ms-4">
                 {{ __('Register') }}
             </x-primary-button>
         </div>
diff --git a/stubs/breeze/livewire-functional/resources/views/livewire/profile/connected-accounts-form.blade.php b/stubs/breeze/livewire-functional/resources/views/livewire/profile/connected-accounts-form.blade.php
index 0890b87e..e2fdde3e 100644
--- a/stubs/breeze/livewire-functional/resources/views/livewire/profile/connected-accounts-form.blade.php
+++ b/stubs/breeze/livewire-functional/resources/views/livewire/profile/connected-accounts-form.blade.php
@@ -94,7 +94,7 @@ class="mt-1 block w-3/4"
                                 {{ __('Cancel') }}
                             </x-secondary-button>
 
-                            <x-danger-button class="ml-3">
+                            <x-danger-button class="ms-3">
                                 {{ __('Remove Account') }}
                             </x-danger-button>
                         </div>
diff --git a/stubs/breeze/livewire-functional/resources/views/livewire/profile/delete-user-form.blade.php b/stubs/breeze/livewire-functional/resources/views/livewire/profile/delete-user-form.blade.php
index 984c9b9b..14bdda28 100644
--- a/stubs/breeze/livewire-functional/resources/views/livewire/profile/delete-user-form.blade.php
+++ b/stubs/breeze/livewire-functional/resources/views/livewire/profile/delete-user-form.blade.php
@@ -70,7 +70,7 @@ class="mt-1 block w-3/4"
                     {{ __('Cancel') }}
                 </x-secondary-button>
 
-                <x-danger-button class="ml-3">
+                <x-danger-button class="ms-3">
                     {{ __('Delete Account') }}
                 </x-danger-button>
             </div>
diff --git a/stubs/breeze/livewire/resources/views/livewire/pages/auth/login.blade.php b/stubs/breeze/livewire/resources/views/livewire/pages/auth/login.blade.php
index ff48aef9..c0b9f0d3 100644
--- a/stubs/breeze/livewire/resources/views/livewire/pages/auth/login.blade.php
+++ b/stubs/breeze/livewire/resources/views/livewire/pages/auth/login.blade.php
@@ -61,7 +61,7 @@ public function login(): void
         <div class="block mt-4">
             <label for="remember" class="inline-flex items-center">
                 <input wire:model="form.remember" id="remember" type="checkbox" class="rounded dark:bg-gray-900 border-gray-300 dark:border-gray-700 text-indigo-600 shadow-sm focus:ring-indigo-500 dark:focus:ring-indigo-600 dark:focus:ring-offset-gray-800" name="remember">
-                <span class="ml-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
+                <span class="ms-2 text-sm text-gray-600 dark:text-gray-400">{{ __('Remember me') }}</span>
             </label>
         </div>
 
@@ -72,7 +72,7 @@ public function login(): void
                 </a>
             @endif
 
-            <x-primary-button class="ml-3">
+            <x-primary-button class="ms-3">
                 {{ __('Log in') }}
             </x-primary-button>
         </div>
diff --git a/stubs/breeze/livewire/resources/views/livewire/pages/auth/register.blade.php b/stubs/breeze/livewire/resources/views/livewire/pages/auth/register.blade.php
index 9259db07..a80fc371 100644
--- a/stubs/breeze/livewire/resources/views/livewire/pages/auth/register.blade.php
+++ b/stubs/breeze/livewire/resources/views/livewire/pages/auth/register.blade.php
@@ -84,7 +84,7 @@ public function register(): void
                 {{ __('Already registered?') }}
             </a>
 
-            <x-primary-button class="ml-4">
+            <x-primary-button class="ms-4">
                 {{ __('Register') }}
             </x-primary-button>
         </div>
diff --git a/stubs/breeze/livewire/resources/views/livewire/profile/connected-accounts-form.blade.php b/stubs/breeze/livewire/resources/views/livewire/profile/connected-accounts-form.blade.php
index 468033f6..1b582a26 100644
--- a/stubs/breeze/livewire/resources/views/livewire/profile/connected-accounts-form.blade.php
+++ b/stubs/breeze/livewire/resources/views/livewire/profile/connected-accounts-form.blade.php
@@ -98,7 +98,7 @@ class="mt-1 block w-3/4"
                                 {{ __('Cancel') }}
                             </x-secondary-button>
 
-                            <x-danger-button class="ml-3">
+                            <x-danger-button class="ms-3">
                                 {{ __('Remove Account') }}
                             </x-danger-button>
                         </div>
diff --git a/stubs/breeze/livewire/resources/views/livewire/profile/delete-user-form.blade.php b/stubs/breeze/livewire/resources/views/livewire/profile/delete-user-form.blade.php
index 764672bf..84952ea5 100644
--- a/stubs/breeze/livewire/resources/views/livewire/profile/delete-user-form.blade.php
+++ b/stubs/breeze/livewire/resources/views/livewire/profile/delete-user-form.blade.php
@@ -74,7 +74,7 @@ class="mt-1 block w-3/4"
                     {{ __('Cancel') }}
                 </x-secondary-button>
 
-                <x-danger-button class="ml-3">
+                <x-danger-button class="ms-3">
                     {{ __('Delete Account') }}
                 </x-danger-button>
             </div>
diff --git a/stubs/jetstream/inertia/resources/js/Components/ConnectedAccount.vue b/stubs/jetstream/inertia/resources/js/Components/ConnectedAccount.vue
index 2a9a2b4c..ffd08c9f 100644
--- a/stubs/jetstream/inertia/resources/js/Components/ConnectedAccount.vue
+++ b/stubs/jetstream/inertia/resources/js/Components/ConnectedAccount.vue
@@ -17,7 +17,7 @@ const props = defineProps({
     <div>
         <div class="px-3 flex items-center justify-between">
             <div class="flex items-center">
-                <ProviderIcon :provider="provider" classes="h-6 w-6 mr-2"/>
+                <ProviderIcon :provider="provider" classes="h-6 w-6 me-2"/>
 
                 <div class="ml-2">
                     <div class="text-sm font-semibold text-gray-600 dark:text-gray-400">
diff --git a/stubs/jetstream/inertia/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue b/stubs/jetstream/inertia/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
index fa86fc0b..f18699b1 100644
--- a/stubs/jetstream/inertia/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
+++ b/stubs/jetstream/inertia/resources/js/Pages/Profile/Partials/ConnectedAccountsForm.vue
@@ -93,7 +93,7 @@ const closeModal = () => {
                                     <button
                                         v-if="$page.props.jetstream.managesProfilePhotos && getAccountForProvider(provider).avatar_path"
                                         @click="setProfilePhoto(getAccountForProvider(provider).id)"
-                                        class="cursor-pointer ml-6 text-sm text-gray-500 hover:text-gray-700 focus:outline-none">
+                                        class="cursor-pointer ms-6 text-sm text-gray-500 hover:text-gray-700 focus:outline-none">
                                         Use Avatar as Profile Photo
                                     </button>
 
diff --git a/stubs/jetstream/livewire/resources/views/profile/connected-accounts-form.blade.php b/stubs/jetstream/livewire/resources/views/profile/connected-accounts-form.blade.php
index 39490a7e..411af472 100644
--- a/stubs/jetstream/livewire/resources/views/profile/connected-accounts-form.blade.php
+++ b/stubs/jetstream/livewire/resources/views/profile/connected-accounts-form.blade.php
@@ -32,7 +32,7 @@
                         @if (! is_null($account))
                             <div class="flex items-center space-x-6">
                                 @if (Laravel\Jetstream\Jetstream::managesProfilePhotos() && ! is_null($account->avatar_path))
-                                    <button class="cursor-pointer ml-6 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none" wire:click="setAvatarAsProfilePhoto({{ $account->id }})">
+                                    <button class="cursor-pointer ms-6 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none" wire:click="setAvatarAsProfilePhoto({{ $account->id }})">
                                         {{ __('Use Avatar as Profile Photo') }}
                                     </button>
                                 @endif