Components prevent css from parent page

Here is a new problem - a component was working fine on all pages except one - the reason being on the problem page it had a style class name i.e. .center which was the same as a name already defined in the component sccs file.

It seems that the page css file takes priority over the component’s - is there any way around this?

I was working under the assumption that the component’s css would take priority within the component.

I can think of a few solutions the easiest might be to rename the component’s css classes with the name of the component in front - that way there would not be a clash of names.