# Dcc.dropdown options overlap - adjust spacing

**URL:** <https://community.plotly.com/t/dcc-dropdown-options-overlap-adjust-spacing/65287>\
**Category:** Dash Python\
**Created:** [June 20, 2022, 4:33pm UTC](https://community.plotly.com/t/dcc-dropdown-options-overlap-adjust-spacing/65287 "2022-06-20T16:33:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![keval](https://avatars.discourse-cdn.com/v4/letter/k/ec9cab/32.png) [@keval](https://community.plotly.com/u/keval)\
**Post date:** [June 20, 2022, 4:33pm UTC](https://community.plotly.com/t/dcc-dropdown-options-overlap-adjust-spacing/65287/1 "2022-06-20T16:33:16Z")

</div>

I am using a dash `dcc.dropdown` component within a `html.Div` and `inputgroup`.

```auto
dbc.InputGroup(
                            [

                               dbc.InputGroupAddon("Val"),
                               dcc.Dropdown(

                                              id="val-deal",
                                              persistence=True,
                                              persistence_type="memory",
                                              options=[{"label": name, "value": name} for name in LList],
                                              placeholder="Select"

                               ),

                         ],

                         className="l-style",

                        ),

```

I need to adjust spacing.

![Screen Shot 2022-06-20 at 9.20.21 AM](https://us1.discourse-cdn.com/flex024/uploads/plot/original/3X/6/7/672315fd13a640eb570add12679454849da83758.png)