# Dash Plotly Express Choropleth Map internal frame height adjustment?

**URL:** <https://community.plotly.com/t/dash-plotly-express-choropleth-map-internal-frame-height-adjustment/97719>\
**Category:** Dash Python\
**Created:** [September 22, 2026, 5:14am UTC](https://community.plotly.com/t/dash-plotly-express-choropleth-map-internal-frame-height-adjustment/97719 "2026-09-22T05:14:25Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![JustinL](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/justinl/32/34593_2.png) [@JustinL](https://community.plotly.com/u/JustinL)\
**Post date:** [September 22, 2026, 5:14am UTC](https://community.plotly.com/t/dash-plotly-express-choropleth-map-internal-frame-height-adjustment/97719/1 "2026-09-22T05:14:25Z")

</div>

I am very new to Dash, PX, and Python, your help will be very much appreciated.

Currently developing a choropleth map on Dash and managed to get everything working. Then I have the bright idea of putting 2 choropleth map side by side.

I noticed that the inner frame has become much lower/shorter when i have the 2 maps side by side, compared to when I just have 1 map. Screenshots below.

I have tried setting the height inside px.choropleth() and that didn’t work.

I have also tried switching out the dbc and use html.Div with no success.

> ```python
> # Create the choropleth map
> 
> fig = px.choropleth(df_choropleth,
> geojson = geojson_file, 
> 
> color = df_choropleth\[df_choropleth_colname\], # region/tla values
> 
> locations = geo_category, # region/tla names
> 
> featureidkey = featureidkey) # matching region/tla names in geojson file
> fig.update_geos(fitbounds = "locations", # zoom to locations in geojson file
> visible = False) # hides basemap layer
> 
> fig.update_traces(marker_line_color = "white") # white outline on each polygon
> 
> fig.update_layout(coloraxis_colorbar_title = None) # remove colour bar
> 
> ```
> 
> ```python
> fig = fig2
> 
> ```
> 
> ```python
> body = dbc.Row([
> dbc.Col(
> 
> dcc.Graph(id = "choropleth", figure = fig, style = {"height": "70vh"})
> 
> ),
> 
> dbc.Col(
> 
> dcc.Graph(id = "choropleth2", figure = fig2, style = {"height": "70vh"})
> 
> )
> ])
> 
> ```

The inner frame is much shorter vertically.

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

Notice the inner frame is tall when its a single plot

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/6/d/6dd8c61c93feefaab31965be6ddf8f3edd62aa68.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:** [September 28, 2026, 8:11pm UTC](https://community.plotly.com/t/dash-plotly-express-choropleth-map-internal-frame-height-adjustment/97719/2 "2026-09-28T20:11:55Z")

</div>

Welcome to the forum! Since you have `fitbounds` turned on, you get a fixed aspect ratio due to how the lat/lon ranges are calculated by default in plotly.js. When you put two plots side by side, that width becomes limiting due to the ratio and this results in a shorter height. You can get around this by setting the lat/lon ranges yourself with `lonaxis_range` and `lataxis_range`. Those can be tweaked to show a greater height when the plots are side by side. Alternatively, you could use `px.choropleth_map` which uses a tile map (via MapLibre) and doesn’t have the same behavior.