Floating action menu breaks layout when button labels are too long in SpeedDeal component

[KiraPC]

Description

When using the SpeedDial component with the textOutside configuration, long button labels are not displayed correctly. The text overlaps with the icon instead of being positioned outside, breaking the intended layout.

Expected Behavior

Labels should appear outside the icon, fully visible and properly aligned, regardless of their length.

Am I doing something wrong?

Minimal Reproduction

<SpeedDialTrigger class="absolute end-24 bottom-6" />
<SpeedDial tooltip="none" textOutside>
  <SpeedDialButton name="Share" textClass="text-pink-500">
    <ShareNodesSolid class="h-6 w-6" />
  </SpeedDialButton>
  <SpeedDialButton name="A Long Button Name">
    <PrinterSolid class="h-6 w-6" />
  </SpeedDialButton>
  <SpeedDialButton name="Save">
    <DownloadSolid class="h-6 w-6" />
  </SpeedDialButton>
  <SpeedDialButton name="Copy">
    <FileCopySolid class="h-6 w-6" />
  </SpeedDialButton>
</SpeedDial>

Steps to Reproduce

Configure SpeedDial with textOutside enabled.
Add an action with a long label (e.g., “A Long Button Name”).
Open the SpeedDial menu.
Observe the label positioning relative to the icon.

Environment

MacOS | Safari | Flebite v1.28.3

Relevant Logs / Console Output

Screenshots / GIF (optional)

Additional Context (optional)

No response

Checklist

• I have searched existing issues and discussions
• I have provided a minimal and runnable reproduction
• I am using the latest version of Flowbite-Svelte