# Kibana Dashboard bringing up blurry visualizations

**URL:** https://discuss.elastic.co/t/kibana-dashboard-bringing-up-blurry-visualizations/361525
**Category:** Kibana
**Tags:** lens
**Created:** [June 14, 2024, 8:24pm UTC](https://discuss.elastic.co/t/kibana-dashboard-bringing-up-blurry-visualizations/361525 "2024-06-14T20:24:50Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![SamuelSMendes](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/samuelsmendes/32/104246_2.png) [@SamuelSMendes](https://discuss.elastic.co/u/SamuelSMendes)
#### Post date: [June 14, 2024, 8:24pm UTC](https://discuss.elastic.co/t/kibana-dashboard-bringing-up-blurry-visualizations/361525/1 "2024-06-14T20:24:50Z")

</div>

Whenever I try to make a chart by Lens it turns out very blurry.

![image](https://us1.discourse-cdn.com/elastic/original/3X/0/e/0e0081429c5dfbdb489a3976101ccd48fe2bf190.png)

I also got a problem with the space occupied by the chart, it is oddly big when compared to the label. So I was wondering if I could customize the size of the bar or the label inside; Which I understand it's a different matter, so I rather focus in solving the blurry problem at first.

---

<div class="post-metadata">

### Author: ![Marco\_Liberati](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marco_liberati/32/82953_2.png) [@Marco\_Liberati](https://discuss.elastic.co/u/Marco_Liberati)
#### Post date: [June 17, 2024, 7:45am UTC](https://discuss.elastic.co/t/kibana-dashboard-bringing-up-blurry-visualizations/361525/2 "2024-06-17T07:45:47Z")

</div>

Hi @SamuelSMendes

do you have any browser zoom enabled by chance?  
Also, does it happens also within the editor or only within a dashboard?

---

<div class="post-metadata">

### Author: ![SamuelSMendes](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/samuelsmendes/32/104246_2.png) [@SamuelSMendes](https://discuss.elastic.co/u/SamuelSMendes)
#### Post date: [June 17, 2024, 1:15pm UTC](https://discuss.elastic.co/t/kibana-dashboard-bringing-up-blurry-visualizations/361525/3 "2024-06-17T13:15:37Z")

</div>

No zoom being used at the moment. I also checked and can confirm that the same problem happens in the Lens editor as well.

---

<div class="post-metadata">

### Author: ![Marco\_Liberati](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marco_liberati/32/82953_2.png) [@Marco\_Liberati](https://discuss.elastic.co/u/Marco_Liberati)
#### Post date: [June 17, 2024, 2:02pm UTC](https://discuss.elastic.co/t/kibana-dashboard-bringing-up-blurry-visualizations/361525/4 "2024-06-17T14:02:52Z")

</div>

I see. Thanks for checking.  
May I ask few more info:

- what's the stack version?
- what browser is used?

---

<div class="post-metadata">

### Author: ![SamuelSMendes](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/samuelsmendes/32/104246_2.png) [@SamuelSMendes](https://discuss.elastic.co/u/SamuelSMendes)
#### Post date: [June 17, 2024, 2:25pm UTC](https://discuss.elastic.co/t/kibana-dashboard-bringing-up-blurry-visualizations/361525/5 "2024-06-17T14:25:16Z")

</div>

Stack is 8.11.5

The problem happened in the Chrome Browser. As you pointed out I tested in Opera and it worked just fine!

---

<div class="post-metadata">

### Author: ![jsanz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jsanz/32/53734_2.png) [@jsanz](https://discuss.elastic.co/u/jsanz)
#### Post date: [June 18, 2024, 8:13am UTC](https://discuss.elastic.co/t/kibana-dashboard-bringing-up-blurry-visualizations/361525/6 "2024-06-18T08:13:55Z")

</div>

Seems related to

> <https://github.com/elastic/kibana/issues/169677>
>
> \*\*Kibana version:\*\* 8.9, 8.10, main
> 
> \*\*Describe the bug:\*\* Certain panels on D…ashboards will suffer from blurry text in certain hardware configurations and certain Dashboard panel sizes / browser zoom levels.
> 
> \*\*Steps to reproduce:\*\*
> 1. Create any panel with text on a Dashboard
> 2. Resize the panel so it has a scroll bar
> 3. Zoom in and out in your browser
> 4. The text should get blurry.
> 
> \*\*Expected behavior:\*\* Text should remain crisp on every panel in the Dashboard regardless of zoom level, 
> 
> \*\*Screenshots (if relevant):\*\*
> In Chrome on an intel mac:
> !\[image (1)\](https://github.com/elastic/kibana/assets/14276393/9a91e549-abac-44a4-ade1-9cb6e5a534c1)
> 
> Same Dashboard, different browsers: Left is firefox and right is a Chromium based browser (Brave).
> 
> !\[image (1)\](https://github.com/elastic/kibana/assets/14276393/d5250e8f-d40a-496c-804d-9098fcfe3843)
> 
> \*\*Any additional context:\*\*
> This is a regression caused by https://github.com/elastic/kibana/pull/153610. In that PR we switched React Grid Layout to use CSS transforms which increased grid load performance on certain machines. There is an issue for this on the \[React Grid Layout\](https://github.com/react-grid-layout/react-grid-layout/issues/1477) side as well. 
> 
> \*\*Workarounds\*\*
> 1. The main suggestion is to turn off hardware acceleration in your \[browser's settings\](https://stackoverflow.com/questions/45051425/blurry-text-in-chrome-any-fix/45051593#45051593). Keep in mind that this may break other functionalities in Kibana.
> 2. Alternatively, the text will not become blurry if there is no scroll bar in the panel, so to avoid blurry text you can also ensure that the panels can show all of their data without scrolling.
