I've got a `DropdownButton` in my Flutter app that contains some fairly long strings and i'm having an issue with some text overlapping in the `DropdownMenuItems`. There is a link to the image and in there you can see the text from one option is overlapping with the next option. I tried to wrap the text in an expanded but that isn't doing the trick.

Is there a way to create some equal separation between the `DropdownMenuItems`? I've tried to play around with softwrap and overflow but these are simply cutting the Strings short which is not ideal as the user needs to be able to fully read each item from the `DropDown`.

Ideally an equal gap between each item and no overlap is the outcome i'm looking for. Surely there is a solution to having long strings in a dropdown

[![enter image description here](https://i.stack.imgur.com/L1y6d.png)](https://i.stack.imgur.com/L1y6d.png)

```
DropdownMenuItem(
    value: value,
    child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[Expanded(child: Text(value))],
    ))

```