fix: Misaligned buttons under avatar in "User Info"

[Ansh-dS]

Description

when you install any app from marketplace and try to check "User Info", you can able to see a chaos in buttons under "avatar".

---

Steps to Reproduce

1. Click on the three dots in the left pane.
2. Select "Marketplace".
3. Choose an app and install it then move back to /home page.
   4.press ctrl+k (to search for the name ), type name of the installed app and click on it.
4. Now click on the "User Info" in top right corner.
5. analyze the chaos in buttons.

---

Actual Behavior:

Screen.Recording.2025-03-18.163033.mp4

Server/Client Information:

Server:

• Operating System: Windows 11 (using WSL Terminal)
• Rocket.Chat Server Version: 7.4.0-develop
• Node.js Version: 22.11.0
• Yarn Version: 4.6.0

Client:

• Client Type: Browser (Microsoft Edge)
• Access URL: http://localhost:3000

Additional Information:

• WSL Terminal: Used for installing dependencies.

Are you working on this?

✅ Yes, I am working on this.