[bug]: Combobox overflow text displaces dropdown icon

[luchillo17]

Describe the bug

The Combobox as set up in the docs do not handle long texts in the button well, it displaces the chevron to the right to the point it disappears and it looks like a normal input instead.

Affected component/components

Combobox, Button

How to reproduce

1. Copy the Combobox example from the docs.
2. Change the "Select framework..." part to a long string, or select an option that has a long string.
3. If the length of the string is bigger than the button length including the Chevron icon, it will displace the icon to the right.
4. With a string long enough the chevron icon will be displaced so far right that it will not be visible, like in the screenshot.

Codesandbox/StackBlitz link

No response

Logs

No response

System Info

Browser: Google Chrome Version 126.0.6478.126
Radix UI: @radix-ui/[email protected]

Operating System:
──────────────────────────────────────────────────────────────────────────────────────────
Platform         : linux
Distro           : Ubuntu
Release          : 22.04.4 LTS
Codename         : jammy
Kernel           : 5.15.146.1-microsoft-standard-WSL2
Arch             : x64
Hostname         : #########
Codepage         : UTF-8
Build            : 

System:
──────────────────────────────────────────────────────────────────────────────────────────
Manufacturer     : Microsoft
Model            : WSL
Version          : 2
Virtual          : true

CPU:
──────────────────────────────────────────────────────────────────────────────────────────
Manufacturer     : Intel
Brand            : Gen Intel® Core™ i9-13900KF
Family           : 6
Model            : 183
Stepping         : 1
Speed            : 
Cores            : 32
PhysicalCores    : 16
PerformanceCores : 16
EfficiencyCores  : 
Processors       : 1
Socket           : 

### Before submitting

- [X] I've made research efforts and searched the documentation
- [X] I've searched for existing issues