Unable to set specific width for kendo drawer

[Joe]

I'm currently implementing the kendo-drawer for navigation in my application. I have most things working but am running into an issue with styling.

I have tried setting a custom width of 300px for the drawer but the element itself always has a flex-basis of 240px on it, overriding the value in the scss. I have looked at the utils included with the theme but am unsure how to use them.

Is there a way that I can set the flex-basis to be the value that I am wanting? Changing it in DevTools gives me the result that I want.

Thanks in advance.

[Joe]

As it turns out you have to set the width property on the element itself for it to work properly, not the width element in the css class. Marking this as the answer in case someone else is having the same problem.