[Display Settings] DPI Scaling Issues in Kibana on High-DPI Displays

[Erikg346]

Kibana version:
8.15.3
Elasticsearch version:
8.15.3
Server OS version:
n/a
Browser version:
Version 130.0.2849.68 (Official build) (64-bit)
Browser OS version:
Microsoft Edge

Original install method (e.g. download page, yum, from source, etc.):
n/a
Describe the bug:
I use Kibana on both Windows and macOS platforms, and I've noticed differences in how It is displayed on high-DPI monitors.
When using Kibana on a high-DPI display, such as a laptop with a 4K screen, the interface appears enlarged compared to a standard desktop monitor. This affects usability and consistency across devices.

Steps to reproduce:

1. Open Kibana on a Windows laptop with a high-DPI display.
2. Compare the interface size to a standard desktop monitor.
3. Notice the enlarged UI elements on the laptop.

Expected behavior:
Expected:
Kibana should display consistently across different monitors regardless of DPI settings.
Actual:
The interface appears larger on high-DPI displays.

Screenshots (if relevant):

Errors in browser console (if relevant):

Provide logs and/or server output (if relevant):

Any additional context:
Suggestions: Consider implementing DPI-aware scaling in Kibana to ensure consistent display across different monitors."

[marius-dr]

@Erikg346 what Scale setting do you have set on your high-DPi display? That will influence how big the UI looks.

[elasticmachine]

Pinging @elastic/kibana-presentation (Team:Presentation)

[Heenawter]

The @elastic/kibana-presentation tag doesn't seem right here, since this is an issue across all of Kibana. @elastic/eui-team or @elastic/kibana-design can maybe have some insight here?

[Erikg346]

hey @marius-dr,
My settings were at 150% recommended

I switched to 100% and it displays better.

Laptop Monitor:

Desktop Monitor:

[tkajtoch]

I know the old Edge was pretty unique when it came to device pixel ratios and viewport dimensions on Windows with the scale factor not set to 100%, but I thought it normalized when Edge became Chromium-based. Just to confirm, @Erikg346 could you please check if Chrome and Firefox render kibana as expected on your machine when Scale is set to the recommended value?

I'll keep this issue on my radar and do some Edge on Windows UI testing next week.