Hello, Lavanya,

You can bind the DropDownList to a dataset of objects by using its textField property:

• https://stackblitz.com/edit/react-luktda?file=app%2Fmain.jsx

For more information on this matter, you can check the following article:

• https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/binding/#toc-datasets-of-objects

Regarding the horizontal alignment, the dropdown list renders `li` elements, and any global CSS styling applied on the page might affect their rendering as well. For example, applying "display: inline-block;" to the 'li' elements will cause the same issue. This can be fixed by setting display to `block` instead:

• https://stackblitz.com/edit/react-ftesdm-ajfdvm?file=app%2Fmain.jsx,index.html
  

On case you have any further questions on this matter just open a primary support ticket and we will be glad to assist you further.

Regards,
Wissam
Progress Telerik