diff --git a/resources/themes/anchor/components/app/settings-layout.blade.php b/resources/themes/anchor/components/app/settings-layout.blade.php
index ca78a345..c24febfe 100644
--- a/resources/themes/anchor/components/app/settings-layout.blade.php
+++ b/resources/themes/anchor/components/app/settings-layout.blade.php
@@ -11,13 +11,13 @@
         <aside class="flex-shrink-0 pb-8 lg:pt-4 lg:pb-0 lg:w-48">
             <nav class="flex items-start justify-start lg:flex-col lg:space-y-1">
                 <div class="px-2.5 pb-1.5 text-xs lg:block hidden font-semibold leading-6 text-zinc-500">Settings</div>
-                <div class="flex items-center w-auto space-x-2 rtl:space-x-reverse lg:items-stretch lg:flex-col lg:w-full lg:space-y-1 lg:space-x-0 rtl:space-x-reverse">
+                <div class="flex items-center w-auto space-x-2 rtl:space-x-reverse lg:items-stretch lg:flex-col lg:w-full lg:space-y-1 lg:space-x-0 lg:rtl:space-x-reverse">
                     <x-settings-sidebar-link :href="route('settings.profile')" icon="phosphor-user-circle-duotone">Profile</x-settings-sidebar-link>
                     <x-settings-sidebar-link :href="route('settings.security')" icon="phosphor-lock-duotone">Security</x-settings-sidebar-link>
                     <x-settings-sidebar-link :href="route('settings.api')" icon="phosphor-code-duotone">API Keys</x-settings-sidebar-link>
                 </div>
                 <div class="px-2.5 pt-3.5 pb-1.5 text-xs lg:block hidden font-semibold leading-6 text-zinc-500">Billing</div>
-                <div class="flex items-center w-full ms-2 space-x-2 rtl:space-x-reverse lg:items-stretch lg:flex-col lg:ms-0 lg:space-y-1 lg:space-x-0 rtl:space-x-reverse">
+                <div class="flex items-center w-full ms-2 space-x-2 rtl:space-x-reverse lg:items-stretch lg:flex-col lg:ms-0 lg:space-y-1 lg:space-x-0 lg:rtl:space-x-reverse">
                     <x-settings-sidebar-link :href="route('settings.subscription')" icon="phosphor-credit-card-duotone">Subscription</x-settings-sidebar-link>
                     <x-settings-sidebar-link :href="route('settings.invoices')" icon="phosphor-invoice-duotone">Invoices</x-settings-sidebar-link>
                 </div>
diff --git a/resources/themes/anchor/components/app/user-menu.blade.php b/resources/themes/anchor/components/app/user-menu.blade.php
index 8948cdac..05be873f 100644
--- a/resources/themes/anchor/components/app/user-menu.blade.php
+++ b/resources/themes/anchor/components/app/user-menu.blade.php
@@ -2,7 +2,7 @@
     'position' => 'bottom'
 ])
 <div x-data="{ dropdownOpen: false }" :class="{ 'block z-50 w-auto lg:w-full dark:bg-zinc-900 dark:border-zinc-800' : open, 'hidden': ! open }" class="relative flex-shrink-0 sm:p-0 dark:text-zinc-200 sm:flex sm:w-auto sm:bg-transparent sm:items-center" x-cloak>
-    <button @click="dropdownOpen=!dropdownOpen" class="flex p-2.5 lg:p-2 w-full space-x-1 rtl:space-x-reverse text-[13px] hover:bg-zinc-200/70 rounded-lg justify-between items-center w-full hover:text-black dark:hover:text-zinc-100 dark:hover:bg-zinc-700/60 space-x-1.5 rtl:space-x-reverse overflow-hidden group-hover:autoflow-auto items">
+    <button @click="dropdownOpen=!dropdownOpen" class="flex p-2.5 lg:p-2 w-full space-x-1 rtl:space-x-reverse text-[13px] hover:bg-zinc-200/70 rounded-lg justify-between items-center hover:text-black dark:hover:text-zinc-100 dark:hover:bg-zinc-700/60 space-x-1.5 rtl:space-x-reverse overflow-hidden group-hover:autoflow-auto items">
         <span class="relative flex items-center space-x-2 rtl:space-x-reverse">
             <x-avatar src="{{ auth()->user()->avatar() }}" alt="{{ auth()->user()->name }} photo" size="2xs" />
             <span @class([