Skip to content

Seats pie chart overlaps the text below in Subscription page #37786

@naamyuvraj

Description

@naamyuvraj

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.

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions