Long Button Text Overflows and Causes Misalignment in User Info

[thepiyush-303]

In Admin Mode, the action buttons (e.g., "Direct Message," "Set as Owner," "Set as Leader") display layout issues when the text inside the buttons is longer (2-3 words). The text overflows and gets cut off, making it partially hidden behind the button borders.

Description:

Steps to reproduce:

1. Open a channel
2. click to any member username
3. See full profile

Expected behavior:

Actual behavior:

Server Setup Information:

• Version of Rocket.Chat Server: 7.1.0-develop
• License Type:
• Number of Users: 4
• Operating System: ubuntu
• Deployment Method: development
• Number of Running Instances:
• DB Replicaset Oplog:
• NodeJS Version: 20.18.0
• MongoDB Version:

Client Setup Information

• Desktop App or Browser Version: firefox
• Operating System: ubuntu-24

Additional context

Relevant logs:

[sanketn2k04]

Can I work on this?

[reetp]

This has been referred to the team.

But please note - 3 PRs?

2 of you at least have wasted your time.

If there is a PR open please follow the bug but do not waste your time adding yet another PR - find another issue.

If there is already a PR on an issue then don't waste your time doing another one. Either wait and see if it is accepted or find another issue you can work on.

https://gist.github.com/reetp/b0ba4e3d0ea2ff48ca9da00a5a647d42