# Plotly modeBar size

**URL:** <https://community.plotly.com/t/plotly-modebar-size/38380>\
**Category:** 📊 Plotly Python\
**Created:** [April 25, 2020, 3:16am UTC](https://community.plotly.com/t/plotly-modebar-size/38380 "2020-04-25T03:16:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![notsolowki](https://avatars.discourse-cdn.com/v4/letter/n/cdc98d/32.png) [@notsolowki](https://community.plotly.com/u/notsolowki)\
**Post date:** [April 25, 2020, 3:16am UTC](https://community.plotly.com/t/plotly-modebar-size/38380/1 "2020-04-25T03:16:32Z")

</div>

is there a way to change the size of the modebar? the buttons are really small for me.

---

<div class="post-metadata">

**Author:** ![Emmanuelle](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/emmanuelle/32/7853_2.png) [@Emmanuelle](https://community.plotly.com/u/Emmanuelle)\
**Post date:** [April 25, 2020, 8:29am UTC](https://community.plotly.com/t/plotly-modebar-size/38380/2 "2020-04-25T08:29:26Z")

</div>

Hi @notsolowki you can change the size of modebar buttons by changing their css property `font-size` (see the attached screenshot, css properties are visible at the bottom-left corner). You can do this either from a notebook engine (right-click on modebar button and “Inspect element”) or by adding a css file to your Dash application, to your jupyter configuration directory ([https://byte7.github.io/blog/Cool-Jupyter/](https://byte7.github.io/blog/Cool-Jupyter/)), etc.

 ![Screenshot from 2020-04-25 10-26-39](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/3/3161b95f10122fe04a0931e70891a727218966a3.png)

---

<div class="post-metadata">

**Author:** ![2l3fij](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/2l3fij/32/12564_2.png) [@2l3fij](https://community.plotly.com/u/2l3fij)\
**Post date:** [November 24, 2020, 8:42pm UTC](https://community.plotly.com/t/plotly-modebar-size/38380/3 "2020-11-24T20:42:52Z")

</div>

asset.css dash add

```auto

a.modebar-btn {
    font-size: 30px !important;
}

```

unfortunate important is needed though