Text in Gutenberg UI intermittently appears blurry in Chromium-based browsers

[ricwork]

Description

Text in Gutenberg UI components occasionally becomes blurry in Chromium-based browsers (Google Chrome and Microsoft Edge). The issue is intermittent and affects the readability of menu items and labels. Firefox renders the same UI correctly.

• Expected Behavior
  All text should remain sharp and consistently rendered throughout the editor.

• Actual Behavior
  Text in some Gutenberg UI components becomes blurry intermittently in Chrome and Microsoft Edge, while Firefox renders the text correctly.

This issue may reduce readability and could negatively impact accessibility and visual comfort during extended editing sessions.

WordPress.org username: mdridipu

Step-by-step reproduction instructions

Steps to Reproduce

1. Open the Gutenberg editor.
2. Edit any post or page.
3. Open block menus or other Gutenberg popovers.
4. Continue interacting with the editor until the text becomes blurry.

Screenshots, screen recording, code snippet

Screen recording URL: https://drive.google.com/file/d/1S_inrl2F6j0d9btzibtmCRoVQtVL-ZEr

Environment info

• Environment
  WordPress: Latest and older version.
  Browser: Google Chrome / Microsoft Edge
  OS: Windows 11

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[ramonjd]

👋🏻 The labels have updated their styles since #80093

In your screen recording, it looks like it's using the older, styles (not bold).

Also, it might be worth checking clear type settings if you're running windows.

https://support.google.com/chrome/answer/95290?hl=en

[t-hamano]

I believe this is the same issue reported in #76899.