Magazine editor active tab not highlighted

[Seanharrs]

The secondary column's active editor-tabs list item is showing as a brighter colour, it only works on hover.

Current behaviour is that the tab title and the image for the active tab both appear as the same colour as all the others:

Expected behaviour is that the tab title and the image for the active tab both appear as a brighter colour to signify which is currently selected:

Note, the expected behaviour image above is what shows on hover, I have been unable to get it to remain like that once the hover is lost. The :active and :focused and :visited selectors do not appear to help resolve this issue. I have already attempted the following:

.editor-tabs .tab-title:active span { /* and .tab-title:focused and .tab-title:visited */
    color: #F7F7F7 !important;
}
.editor-tabs .tab-title span:active { /* and span:focused and span:active */
    color: #F7F7F7 !important;
}
.editor-tabs:active .tab-title span { /* and .editor-tabs:focused and .editor-tabs:active */
    color: #F7F7F7 !important;
}

There seems to be some javascript affecting the elements and changing their colour.