# \[Solved\] Font size too large for dashboard block

**URL:** <https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256>\
**Category:** Bug Report\
**Created:** [September 29, 2016, 1:10pm UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256 "2016-09-29T13:10:33Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![rorpage](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/rorpage/32/288_2.png) [@rorpage](https://forums.losant.com/u/rorpage)\
**Post date:** [September 29, 2016, 1:10pm UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256/1 "2016-09-29T13:10:33Z")

</div>

I have a dashboard block with a semi-long bit of text and the text isn’t fitting inside properly.

Here’s a screenshot

 ![](https://us1.discourse-cdn.com/flex015/uploads/getstructure/original/1X/2eb7f32aae6e4708bb79a6284b6a652304e7adda.png)

Thanks so much!

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [September 30, 2016, 2:03pm UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256/2 "2016-09-30T14:03:24Z")

</div>

Font sizes relative to container sizes and the length of the text are tricky, but I’m going to take a crack at adding some rules that may solve this case. I’ll keep you posted.

---

<div class="post-metadata">

**Author:** ![rorpage](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/rorpage/32/288_2.png) [@rorpage](https://forums.losant.com/u/rorpage)\
**Post date:** [October 13, 2016, 7:00pm UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256/3 "2016-10-13T19:00:06Z")

</div>

Has this been fixed? I just loaded my dashboard and my widget looks great! 😃

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [October 13, 2016, 7:13pm UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256/4 "2016-10-13T19:13:25Z")

</div>

You discovered the fix before we could tell you about it! Yes, we pushed an update out that (partially) addresses your problem. We’re still not scaling indicator and gauge block fonts based on the length of the text, but the blocks are now scrollable and they start the text at the top of the block instead of halfway down.

Read more here:  
[https://www.losant.com/blog/introducing-mixed-time-series-graphs-conditional-gauge-colors-and-a-melange-of-other-improvements](https://www.losant.com/blog/introducing-mixed-time-series-graphs-conditional-gauge-colors-and-a-melange-of-other-improvements)

---

<div class="post-metadata">

**Author:** ![rorpage](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/rorpage/32/288_2.png) [@rorpage](https://forums.losant.com/u/rorpage)\
**Post date:** [October 13, 2016, 7:26pm UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256/5 "2016-10-13T19:26:09Z")

</div>

Boo yah! Many thanks!

---

<div class="post-metadata">

**Author:** ![rorpage](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/rorpage/32/288_2.png) [@rorpage](https://forums.losant.com/u/rorpage)\
**Post date:** [October 18, 2016, 6:59pm UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256/6 "2016-10-18T18:59:44Z")

</div>

@Dylan_Schuster is there an `overflow: auto;` style set for the URL dashboard block? I added a URL block and it looks like it might be the only kind that has that?

---

<div class="post-metadata">

**Author:** ![Dylan\_Schuster](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/dylan_schuster/32/2850_2.png) [@Dylan\_Schuster](https://forums.losant.com/u/Dylan_Schuster)\
**Post date:** [October 18, 2016, 7:45pm UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256/7 "2016-10-18T19:45:48Z")

</div>

Assuming you mean the [External Website block](https://docs.losant.com/dashboards/external-website/) when you say “URL dashboard block”, then yes, there is an overflow: auto property on the block body. Since we have no idea what content exists at the URL entered by users, we feel it best to allow scrolling in the x or y direction. Do you have a use case where this is posing a problem?

---

<div class="post-metadata">

**Author:** ![rorpage](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.losant.com/rorpage/32/288_2.png) [@rorpage](https://forums.losant.com/u/rorpage)\
**Post date:** [October 20, 2016, 11:29am UTC](https://forums.losant.com/t/solved-font-size-too-large-for-dashboard-block/256/8 "2016-10-20T11:29:13Z")

</div>

Yep, that’s what I meant. Sorry, I was being clear as mud.

I wouldn’t say it’s posing a problem so much as for my case I’d like to remove the `overflow: auto` to make the block look like any other block. I adjusted the background color and font of my HTML to match the other dark widgets. 🙂

Thanks!
