Changing MenuItem's alignment

I am using Radzen via the NuGet library.

Instead of having the menu on the left-hand side of the app, I have it on the right. When I do that, by default the dropdown item align along the left edge of the topmost MenuItem which causes most of the item be the cutoff by the right edge to the browser. I played with the css style on .rz-navigation-menu to float to the right, but no luck.

Anyone know what I need to change? Thanks!

right after I posted this...I figured it out...sort of. Here's what I ended up doing...any feedback is welcomed:

.rz-menu .rz-navigation-item {
** justify-items: flex-end;**
** direction: rtl;**