[Bug]: Slotted fluent-button in fluent-text-input looks wrong

Component

Other...

Package version

3.1.0

@microsoft/fast-element version

3.0.2

Environment

System:
    OS: Windows 11 10.0.26200
    CPU: (28) x64 Intel(R) Core(TM) i7-14700K
    Memory: 7.33 GB / 31.78 GB
  Browsers:
    Edge: Chromium (152.0.4191.53)
    Firefox Developer Edition: 156.0 - C:\Program Files\Firefox Developer Edition\firefox.exe

Current Behavior

The buttons will be displayed like this:

Default size:

Large size:

Expected Behavior

I expect the button to show up like they are being shown on the official docs:

Reproduction

https://github.com/MarvinKlein1508/fluentui-slotted-buttons-issue

Steps to reproduce

1. Clone project
2. run npm install
3. run npm run start

Are you reporting an Accessibility issue?

no

Suggested severity

Urgent - No workaround and Products/sites are affected

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.