# Dash App - Tabs and Squashed Graphs

**URL:** https://community.plotly.com/t/dash-app-tabs-and-squashed-graphs/37290
**Category:** Dash Python
**Created:** [April 6, 2020, 9:47am UTC](https://community.plotly.com/t/dash-app-tabs-and-squashed-graphs/37290 "2020-04-06T09:47:16Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![bailpy6](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/bailpy6/32/10125_2.png) [@bailpy6](https://community.plotly.com/u/bailpy6)
#### Post date: [April 6, 2020, 9:47am UTC](https://community.plotly.com/t/dash-app-tabs-and-squashed-graphs/37290/1 "2020-04-06T09:47:17Z")

</div>

Hey,

I am having some issue with Dash and Tabs and my graphs on over tabs being squashed.

My main page “Overview” works fine, and the graphs look good.

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/f/f424bba1b8f3c841c3d1a25bcb5c1b8482c60c93.png)

However, on my next tab, Sales, the graphs are squashed as below,

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/7/767aeb1a5e8cc2a89252c4f3472a22876e377f72.png)

Here is the code;

> #Overview Tab Content
> 
> overview\_tab = html.Div(
> 
> ```
> [
> 
> dbc.Row(dbc.Col(html.P(""))),
> 
> dbc.Row(dbc.Col(dcc.Dropdown(
> 
> id='overview-year-dropdown',
> 
> options=[{'label':'2020/21', 'value':'2020'},{'label':'2021/22', 'value':'2021'}],
> 
> value='2020'
> 
> ))),
> 
> dbc.Row(dbc.Col(html.H3("Profit/Loss"))),
> 
> dbc.Row(dbc.Col(dcc.Graph(figure=profitfig,id='profitline'))),
> 
> dbc.Row(dbc.Col(html.P(""))),
> 
> dbc.Row(
> 
> [
> 
> dbc.Col(html.H3("Year Sales Breakdown")),
> 
> dbc.Col(html.H3("")),
> 
> dbc.Col(html.H3("Year Expense Breakdown")),
> 
> ]
> 
> ),
> 
> dbc.Row(
> 
> [
> 
> dbc.Col(dcc.Graph(figure=sypiefig,id='overview-stypeyearpie')),
> 
> dbc.Col(html.H3("")),
> 
> dbc.Col(dcc.Graph(figure=eypiefig,id='overview-etypeyearpie')),
> 
> ]
> 
> ),        
> 
> ]
> 
> ```
> 
> )
> 
> #Sales Tab
> 
> sales\_tab = html.Div(
> 
> ```
> [
> 
> dbc.Row(dbc.Col(html.P(""))),
> 
> dbc.Row(dbc.Col(dcc.Dropdown(
> 
> id='sales-year-dropdown',
> 
> options=[{'label':'2020/21', 'value':'2020'},{'label':'2021/22', 'value':'2021'}],
> 
> value='2020'
> 
> ))),
> 
> dbc.Row(dbc.Col(dcc.Dropdown(
> 
> id='sales-month-dropdown',
> 
> options=[{'label':'January', 'value':'January'},{'label':'February', 'value':'February'}],
> 
> value='January'
> 
> ))),
> 
> dbc.Row(dbc.Col(html.H3("Years Sales"))),
> 
> dbc.Row(dbc.Col(dcc.Graph(figure=salesfig,id='salesline'))),
> 
> dbc.Row(dbc.Col(html.P(""))),
> 
> dbc.Row(
> 
> [
> 
> dbc.Col(html.H3("Year Sales Breakdown")),
> 
> dbc.Col(html.H3("")),
> 
> dbc.Col(html.H3("Month Sales Breakdown")),
> 
> ]
> 
> ),
> 
> dbc.Row(
> 
> [
> 
> dbc.Col(dcc.Graph(figure=sypiefig,id='sales-stypeyearpie')),
> 
> dbc.Col(html.H3("")),
> 
> dbc.Col(dcc.Graph(figure=smpiefig,id='sales-stypemonthpie')),
> 
> ]
> 
> ),        
> 
> ]
> 
> ```
> 
> )

Hopefully someone can help and advise, I don’t particularly want to use a multi page setup and would prefer to use tabs if possibly/