diff --git a/docs/components/content/examples/TabsExampleIconSlot.vue b/docs/components/content/examples/TabsExampleIconSlot.vue
index 1ba6324738..b5f40c181d 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 6596844f6f..c27953c916 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'
     }
   }
 }