dcc.Upload component always max width?

Is there anyway to reduce the width of a dcc.Upload component so you can have multiple components at the same height position/row. Editing the style width reduces what the component looks like but it still doesn’t allow any other components on the same row, its the same when using dash bootstrap rows and columns. Does anyone know a way around this?

app.layout = html.Div(
    [
        dbc.Row([
            dbc.Col([
                dcc.Upload(
                    id='upload-data',
                    children= [html.Button('Upload SGR File')],

                    # style={
                        # 'height': '60px',
                        # 'lineHeight': '60px',
                        # 'borderWidth': '1px',
                        # 'borderStyle': 'dashed',
                        # 'borderRadius': '5px',
                        # 'textAlign': 'center',
                        # 'margin': '10px'
                    # },
                    # Allow multiple files to be uploaded
                    multiple=True,
                ),
                ],
                width={"size":6}
            ),
            dbc.Col([
                dcc.Upload(
                    id='upload-sites',
                    children= [html.Button('Upload Site File')]
                    # style={
                        # 'height': '60px',
                        # 'lineHeight': '60px',
                        # 'borderWidth': '1px',
                        # 'borderStyle': 'dashed',
                        # 'borderRadius': '5px',
                        # 'textAlign': 'center',
                        # 'margin': '10px'
                    # },
                ),
                
            ],width={"size":6}
            ),
        ]),
        
        dbc.Row(
            dbc.Col( 
                dcc.Graph(id="graph"),
            )
        )
            
])