Rider CSS Code Completion

Hello, I started using Rider for a .NET Core project and I'm having problem with CSS code completion with bootstrap.

The suggestions don't make sense when using a dash characters, to the point where I rather type everything myself.

Consider this example: "col-md-12"

"co" suggests col styles correctly, but once you type the dash "col-m", rider starts suggesting styles starting with "m..." with no regards to what's already typed.

When I already copy&pasted "col-md-" and want to autocomplete the number, I get no relevant suggestions at all.

It seems like the dash is considered to be the end of class name in Rider.

The example is simple to type but this happens for any bootstrap or custom class with dashes in it, totally unusable.

And I know I can just type cm1 and I will get the correct suggestions, but that is not a solution, especially if I don't remember names of the subclasses.

Is there something I'm missing in settings? Nothing in Code Completion has any effect.