From ea05414930fe3f5e6805c8aa25bbe8f746bcc86e Mon Sep 17 00:00:00 2001
From: Malik-Jouda <48517781+Malik-Jouda@users.noreply.github.com>
Date: Mon, 23 Sep 2024 11:54:53 +0300
Subject: [PATCH] fix(Tabs): handle icon `margin` in RTL mode (#2233)

---
 docs/components/content/examples/TabsExampleIconSlot.vue | 2 +-
 src/runtime/ui.config/navigation/tabs.ts                 | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/content/examples/TabsExampleIconSlot.vue b/docs/components/content/examples/TabsExampleIconSlot.vue
index 1ba63247..b5f40c18 100644
--- a/docs/components/content/examples/TabsExampleIconSlot.vue
+++ b/docs/components/content/examples/TabsExampleIconSlot.vue
@@ -17,7 +17,7 @@ const items = [{
 <template>
   <UTabs :items="items" class="w-full">
     <template #icon="{ item, selected }">
-      <UIcon :name="item.icon" class="w-4 h-4 flex-shrink-0 mr-2" :class="[selected && 'text-primary-500 dark:text-primary-400']" />
+      <UIcon :name="item.icon" class="w-4 h-4 flex-shrink-0 me-2" :class="[selected && 'text-primary-500 dark:text-primary-400']" />
     </template>
   </UTabs>
 </template>
diff --git a/src/runtime/ui.config/navigation/tabs.ts b/src/runtime/ui.config/navigation/tabs.ts
index 6596844f..c27953c9 100644
--- a/src/runtime/ui.config/navigation/tabs.ts
+++ b/src/runtime/ui.config/navigation/tabs.ts
@@ -28,7 +28,7 @@ export default {
       font: 'font-medium',
       rounded: 'rounded-md',
       shadow: '',
-      icon: 'w-4 h-4 flex-shrink-0 mr-2'
+      icon: 'w-4 h-4 flex-shrink-0 me-2'
     }
   }
 }