Resize dash app according to the size of the screen

Hello, I have created a dash app but the the app is showing blank white space in the bottom when I zooming out the browser. Is there any way to make the app resize automatically according the the size of the browser?

A screenshot of the app is as follows-

My app layout is as follow-

colors = {"background": "#222A2A", "text": "#479B55", "box": "#7F7F7F"}

app.layout = html.Div(
    children=[
        html.H3(
            "Crypto Forecast",
            style={
                "textAlign": "center",
                "verticalAlign": "middle",
                "paddingTop": "15px",
            },
        ),
        html.Div(
            [
                html.Div(
                    [
                        html.H6(
                            "Select Crypto",
                            style={
                                "textAlign": "center",
                            },
                        ),
                        dcc.Dropdown(
                            id="SelectCrypto",
                            options=[{"label": i, "value": i} for i in cryp_value],
                            value="BTC",
                            clearable=False,
                            style={
                                "fontsize": 24,
                                "color": colors["text"],
                            },  
                        ),
                    ],
                    style={  
                        "verticalAlign": "middle",
                        "paddingBottom": "15px",
                    },
                ),
            ],
            style={"display": "flex", "justify-content": "center"},
        ),
        # the graphs
        dcc.Graph(id="forecast", style={"color": colors["text"]}),
    ],
    style={
        "backgroundColor": colors["background"],
        "color": colors["text"],
    }, 
)

I have very little idea about web-development. Any kind of help/suggestion would be highly appreciated.