[Bug]: Inconsistent "Upgrade" button size between Dashboard and Editor pages (same CSS class, ~19px width difference)

[Arjun-singh-rawatt]

Is there an existing issue for this?

• I have searched the existing issues

Description

The "Upgrade" button at top right corner renders at a different total size depending on which page it's on, even though both instances use the exact same class name and identical padding/border/margin.

Expected behavior: Same class (button.sc-bATJPV.kUffkT.business-plan-menu-option.mr-2), same padding/border/margin -> button should be the same total size on both the pages.

Actual behavior: Width differs by ~19px (60px vs 79.31px), entirely from the content box — the text/icon inside renders at different widths even though the component and its spacing are identical.

Steps To Reproduce

1. Log in to an Appsmith Cloud workspace, go to the dashboard (/applications)
2. Right-click the "Upgrade" button (top right) → Inspect → Computed tab
3. Note: padding 4px top/bottom, 8px left/right, border 1px, margin 0, content box 61.313 × 14px, total size 79.31 × 24px
4. Open any application in the Editor — e.g. /app/your-app-name/page-id/edit
5. Right-click the same "Upgrade" button (top toolbar) → Inspect → Computed tab
6. Note: same padding/border/margin, but content box 42 × 14px, total size 60 × 24px

Public Sample App

No response

Environment

Production

Severity

Low (Cosmetic UI issues)

Issue video log

No response

Version

Cloud

[Arjun-singh-rawatt]

I'd like to work on a fix for this. Let me know if this is something worth addressing.