2018202 - [Linux] “Use VPN for this site” label wraps to 2nd line and overlaps the divider

Status: VERIFIED FIXED

(Firefox :: IP Protection, defect)

Description

[Raluca Ilban [:rilban], Premium Services - VPN]

Attachment: image (1).png

[Affected versions]:

• Firefox Nightly 149.0a1 (2026-02-19);

[Affected Platforms]:

• Linux Noble;

[Prerequisites]:

• Be enrolled into the experiment.
• Have the VPN ON

[Steps to reproduce]:

1. Click on the VPN icon
2. Observe how “Use VPN for this site” is displayed in the panel.

[Expected result]:
The “Use VPN for this site” wraps to 2 lines and interferes visually with the divider spacing.

[Actual result]:
The “Use VPN for this site” should fit into one row.

[Notes]:

• See attached ss.

Comment 1

[Raluca Ilban [:rilban], Premium Services - VPN]

Attachment: GetStarted.png

We have noticed that the width of the VPN panel is smaller than in Windows.
Also, the text in the "Get started" panel is displayed in multiple rows. Could this width difference be causing these issues? And should we file a ticket for the "Get started" panel?

Comment 2

[Michael Hynson]

Attachment: Bug 2018202 - Fix “Use VPN for this site” label line breaking issue for Linux.r=#ip-protection-reviewers

Comment 3

[Michael Hynson]

I've created a bug here for the Get Started bug - https://bugzilla.mozilla.org/show_bug.cgi?id=2019030

Comment 4

[Michael Hynson]

Attachment: Bug 2018202 - Fixed in Linux Screenshot.png

Attaching a screenshot of the fix in Linux (Ubuntu 25.10)

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://github.com/mozilla-firefox/firefox/commit/c7ac2634a8cf
https://hg.mozilla.org/integration/autoland/rev/8a9abb9bdcfb
Fix “Use VPN for this site” label line breaking issue for Linux.r=ip-protection-reviewers,kpatenio

Comment 6

[Atila Butkovits]

https://hg.mozilla.org/mozilla-central/rev/8a9abb9bdcfb

Comment 7

[BugBot [:suhaib / :marco/ :calixte]]

The patch landed in nightly and beta is affected.
:mhynson, is this bug important enough to require an uplift?

• If yes, please nominate the patch for beta approval.
  • See https://wiki.mozilla.org/Release_Management/Requesting_an_Uplift for documentation on how to request an uplift.
• If no, please set status-firefox149 to wontfix.

For more information, please visit BugBot documentation.

Comment 8

[Phabricator Automation]

firefox-beta Uplift Approval Request

• User impact if declined: It's an improvement for Linux users so that the VPN panel displays as designed
• Code covered by automated testing: no
• Fix verified in Nightly: yes
• Needs manual QE test: yes
• Steps to reproduce for manual QE testing: - Enroll in the experiment.
• Turn on VPN
• Click the VPN button in the toolbar
• Risk associated with taking this patch: low
• Explanation of risk level: It's a style fix to display the panel as designed
• String changes made/needed: None
• Is Android affected?: no

Comment 9

[Michael Hynson]

Attachment: Bug 2018202 - Fix “Use VPN for this site” label line breaking issue for Linux.

Original Revision: https://phabricator.services.mozilla.com/D284696

Comment 10

[Pulsebot]

https://github.com/mozilla-firefox/firefox/commit/de2a88540370
https://hg.mozilla.org/releases/mozilla-beta/rev/911af5641daf

Comment 11

[Raluca Ilban [:rilban], Premium Services - VPN]

Attachment: 2018202.png

We have verified this as fixed using Firefox Nightly 150.0a1 (2026-03-01) , installed on Linux Noble.
The “Use VPN for this site” is displayed correctly and does not interfere visually with the divider spacing.
Will also verify this on Firefox Beta when available.

Comment 12

[Raluca Ilban [:rilban], Premium Services - VPN]

Attachment: Screenshot from 2026-03-05 14-09-43.png

We have verified this as fixed using Firefox Beta 149.0b4 , installed on Linux Noble.
The “Use VPN for this site” is displayed correctly and does not interfere visually with the divider spacing.
Will also verify this on Firefox Beta when available.