Remove padding from Kendo react dropdownButton

Question

I have a DropDownButton

<DropDownButton text="i" items={items}  />

that has padding around it

How would one remove that padding for just this one button not all of them on the site ?

See for more context

https://codesandbox.io/s/unruffled-snow-cx50hi

Answer 1

Add below css in a new file called style.css

button {
  padding: 0 !important;
}

and import it in main.tsx as import ./style.css

Answer 2

You can also pass buttonClass prop to that particular DropDownButton, I have also shown it here. https://codesandbox.io/s/crazy-forest-1lvs7f?file=/app/main.tsx

Please check the props that are being passed to DropDownButton for a better understanding.