# Modebar (visually) breaks after first render (Blazor)

**URL:** <https://community.plotly.com/t/modebar-visually-breaks-after-first-render-blazor/96924>\
**Category:** plotly.js\
**Tags:** question\
**Created:** [May 4, 2026, 7:40pm UTC](https://community.plotly.com/t/modebar-visually-breaks-after-first-render-blazor/96924 "2026-05-04T19:40:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![mklin](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/mklin/32/32892_2.png) [@mklin](https://community.plotly.com/u/mklin)\
**Post date:** [May 4, 2026, 7:40pm UTC](https://community.plotly.com/t/modebar-visually-breaks-after-first-render-blazor/96924/1 "2026-05-04T19:40:25Z")

</div>

Hi all,

I have been painstakingly troubleshooting this issue all day. I’m not super familiar with the library, but I found it was a good fit for a 3D surface chart I needed to make (with some bar charts as well). I’ve scrubbed forums and let GPT try to figure it out since I ran out of ideas. The first time I load in, the modebar renders correctly (on the top right, horizontal, just the default setup). However, if I navigate to a different page and come back, it shows up like this on the left side of the chart. This is code for my company, so I cannot directly paste in the code, but it is a 3d surface chart that has 3 bar charts along the top. Everything else works as expected, but I’m at a loss of what to do here. Technically, the modebar is still functional, but it gets in the way of one of the charts and doesn’t look too pretty. Is this a documented issue?

FWIW, I don’t try to apply any custom CSS, and I don’t change any of the modebars settings in the layout or anything. I have no idea why this is happening, but it’s pretty frustrating. Any help is appreciated.

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/e/c/ec90d932d91fc406f6128961b9c172667c88e5ca.png)

---

<div class="post-metadata">

**Author:** ![camdecoster](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/camdecoster/32/32884_2.png) [@camdecoster](https://community.plotly.com/u/camdecoster)\
**Post date:** [May 5, 2026, 2:30pm UTC](https://community.plotly.com/t/modebar-visually-breaks-after-first-render-blazor/96924/2 "2026-05-05T14:30:04Z")

</div>

This looks like a CSS issue. Do you see any errors in the browser devtools console? What does the network requests tab show? Does your company use a CSP that could be preventing requests from completing?