Graph doesn't load in full page width

Dash Python
1

Hi there,

the graph in my dash app only loads at half the page width. But after inspecting the site (ctrl+shift+i) it changes to the normal / expected full page width and stays like that when I close the dev tools.
Here is the html layout of my app:

app.layout = html.Div([
    html.H1(children='Data Visualization', style={'textAlign': 'center'}),

    html.Div([
        html.Div([
            dcc.Upload(
                id='upload-data',
                children=html.Div([
                    'Drag and Drop or ',
                    html.A('Select Files'),
                    html.P(children='| No file uploaded!', id="output-data-upload",
                           style={'display': 'inline-block', 'padding-left': '0.4em'})
                ]),
                style={
                    'width': '100%',
                    'height': '60px',
                    'lineHeight': '60px',
                    'borderWidth': '1px',
                    'borderStyle': 'dashed',
                    'borderRadius': '5px',
                    'textAlign': 'center',
                    'margin': '10px'
                }
            ),
        ], style={'width': '48%', 'display': 'inline-block'}),

        html.Div([
            html.Div([
                html.Div([
                    html.P(children="x-axis", style={'width': '48%', 'display': 'inline-block'}),
                    html.P(children="y-axis", style={'width': '48%', 'display': 'inline-block', 'padding-left': '1em'}),
                ]),
                html.Div([
                    html.Div([
                        dcc.Dropdown(id='x-axis-dropdown')
                    ], style={'width': '48%', 'display': 'inline-block'}),
                    html.Div([
                        dcc.Dropdown(id='y-axis-dropdown')
                    ], style={'width': '48%', 'display': 'inline-block', 'padding-left': '1em'})
                ])
            ])
        ], style={'width': '48%', 'float': 'right', 'display': 'inline-block'}),

        dcc.Graph(id='data_graph', style={'display': 'none'})
    ], style={'border': '1px solid LightGrey', 'border-radius': '25px', 'padding': '1em'}),

    html.Div(children='', id='df_saving_div', style={'display': 'none'}),
], style={'padding-left': '5em', 'padding-right': '5em', 'padding-top': '1em'})

Does anybody know how to fix this or had the same problem?