Seats pie chart overlaps the text below in Subscription page

Description:

On the Administration → Workspace → Subscription page, the Seats donut chart overlaps the text below it.
The bottom arc of the chart touches the seat count (1 / 50) and the label (49 Seats Available), causing a visual alignment issue.

Steps to reproduce:

1. Log in as an admin.
2. Navigate to Administration → Workspace → Subscription.
3. Scroll to the Seats widget.
4. Observe the donut chart overlapping the text underneath.

Expected behavior:

The donut chart should have proper spacing and should not overlap the seat count or “Seats Available” text.
UI layout should be clean, readable, and properly aligned.

Actual behavior:

The bottom part of the donut chart overlaps the text directly below it.

Screenshot:
(attach screenshot here)

Server Setup Information:

• Version of Rocket.Chat Server: Development build
• License Type: N/A
• Number of Users: N/A (local dev)
• Operating System: macOS
• Deployment Method: source
• Number of Running Instances: 1
• DB Replicaset Oplog: N/A
• NodeJS Version: (your version)
• MongoDB Version: (your version)

Client Setup Information

• Desktop App or Browser Version: Chrome 143
• Operating System: macOS

Additional context

Likely caused by insufficient bottom spacing or chart radius extending beyond its container.
I am willing to submit a PR to fix this.

Relevant logs:

No relevant errors in browser console or server logs.

Start by reproducing the overlap on Administration → Workspace → Subscription in Chrome and locate the Seats widget in the TypeScript frontend. Inspect the chart and the text beneath it, then adjust the layout so the donut chart no longer touches either label. Done means the seat count and “Seats Available” text remain cleanly aligned without overlap.