diff --git a/src/runtime/components/Button.vue b/src/runtime/components/Button.vue
index c0411ade3a..35cc5931b0 100644
--- a/src/runtime/components/Button.vue
+++ b/src/runtime/components/Button.vue
@@ -35,9 +35,9 @@ export interface ButtonProps extends UseComponentIconsProps, Omit<LinkProps, 'ra
 }
 
 export interface ButtonSlots {
-  leading(props?: {}): any
+  leading(props?: { ui: Button['slots'] }): any
   default(props?: {}): any
-  trailing(props?: {}): any
+  trailing(props?: { ui: Button['slots'] }): any
 }
 </script>
 
@@ -132,7 +132,7 @@ const ui = computed(() => tv({
       })"
       @click="onClickWrapper"
     >
-      <slot name="leading">
+      <slot name="leading" :ui="ui">
         <UIcon v-if="isLeading && leadingIconName" :name="leadingIconName" :class="ui.leadingIcon({ class: props.ui?.leadingIcon, active })" />
         <UAvatar v-else-if="!!avatar" :size="((props.ui?.leadingAvatarSize || ui.leadingAvatarSize()) as AvatarProps['size'])" v-bind="avatar" :class="ui.leadingAvatar({ class: props.ui?.leadingAvatar, active })" />
       </slot>
@@ -143,7 +143,7 @@ const ui = computed(() => tv({
         </span>
       </slot>
 
-      <slot name="trailing">
+      <slot name="trailing" :ui="ui">
         <UIcon v-if="isTrailing && trailingIconName" :name="trailingIconName" :class="ui.trailingIcon({ class: props.ui?.trailingIcon, active })" />
       </slot>
     </ULinkBase>