Graph not fully stretching

Can I make the football field graph stretch to use up more space? Or is this because the resolution of the image is not larger?

I have the following layout structure:

dbc.Container([
                dbc.Row([
                    dbc.Col([
                        dbc.Row([
                            dbc.Col([dcc.Graph(id="player_interaction_histogram", responsive=True, className="h-100")]),
                        ]),
                        dbc.Row([
                            dbc.Col([dcc.Graph(id="graph_per_game", responsive=True, className="h-100")]),
                        ]),
                        dbc.Row([
                            dbc.Col([dcc.Graph(id="player_outgoing_pie-chart", responsive=True, className="h-100")]),
                            dbc.Col([dcc.Graph(id="player_incoming_pie-chart", responsive=True, className="h-100")]),
                        ]),


                    ], width=7),
                    dbc.Col([
                        dbc.Row([
                            dbc.Col([dcc.Graph(id="communication_field", responsive=True, className="h-100")]),
                        ], className="h-100"),
                    ], width=5),
                ])
            ], fluid=True),

Sometimes it seems to stretch and sometimes not, and I can force it in a good position with autoscale when I run the dashboard. Can I force that on true?