CSS not loading on page open/refresh in dashboard-2 custom UI node

Developing Nodes
,
1

I am about to release a new version of my custom UI node (omrid01/node-red-dashboard-2-table-tabulator). I have predefined CSS class names, which the user can piggyback and apply custom CSS to the page widgets.
The widget HTML is:

<template>
	<div class="ui-tabulator-wrapper">
		<div ref="tabulatorDiv" class="ui-tabulator-class"></div>
    </div>
</template>

So if I define either of the above 2 classes in a related template CSS node, it should propagate into the widget. ui_tabulator-wrapper works with no issues,

.ui-tabulator-class {
  border: 4px solid red;
}

When I open the page which includes the widget, or refresh it, the styling does not appear. However, if I move to another dashboard page and then return, the styling shows perfectly.

2

Solved: add !imporant to the style property, to ensure it overrides the existing style.