Spacing of components differs from "Design" mode

[keynesiancross]

This may be a simple question - when I drag and drop components into my design view, I have them all nice and tight together. For example, a label with a dropdown next to it, above a plot:

However, when I run my website and generate the plot, the plot ends up a lot farther away from the other two components:

Any suggestions on how I could tighten this up? Thanks!

[stucork]

Plotly plots have a margin by default of something like 80px.

See this post for how to change that.

Plotly set plot borders and paper

there’s a margin property that might be helpful plot.layout.margin = dict(t=10, b=10, l=0, r=0) By default I think they are 80 or 100