Hi @Jeff Kest, 

Can you please try using important (!) in your CSS also it is not advisable to have inline CSS, 

if possible, can you please share the OML?

Thanks,
Vignesh Prakash.

Hi @Jeff Kest ,

You will have to give padding to one element in the dropdown as specified below.

you can write the CSS where dropdown is present in your stylesheet and use CSS specificity to apply the changes to a single dropdown too if you want. 

Hi Jeff Kest,

Can you please share the OML file for the same. I will check and tring to resolve this.

Thanks

Hi Jeff,

You can reduce width of the dropdown if the text overlaps means, it will fix your problem. Image for your reference

 Thanks

Hi @Jeff Kest ,

If possible could you please share the OML.

Thanks

Hi @Jeff Kest,

You can add the CSS, padding-right: 16px in the dropdown class.

If possible please share the OML.

Thanks!

Hi @Jeff 

Instead of adding padding here just add a css and add a text ellipsis which will show something like

Smith.......
By using this it is a good experience for user so that user knows that there is something beyond it,

You can use this Css snippet

This has already been asked and there are pretty good solutions available already on Forums for it.

I am attaching some links here that will help you fix this.

• https://www.outsystems.com/forums/discussion/82921/how-to-add-in-dropdown-text-overflow-ellipsis/
• https://www.outsystems.com/forums/discussion/87149/how-to-abbreviate-selected-dropdown-value/

I hope this will resolve your issue.
Also adding a sample in case you need a POC - 

• https://personal-ejuytnht.outsystemscloud.com/TestApp/SampleDropdown?_ts=638520753830313140

Thanks
Best Regards
Tousif Khan