If you have used any of my styling overrides to make Bricks more legible, and you installed SureRank, you may notice some oddities. Everything is huge. This is because SureRank resets the font size to 100% (16px base) in lieu of the 62.5% (10px base) that Bricks uses. Since Bricks uses fixed pixel sizes, it is not impacted, but my styles that use rem are.

Here is a before SureRank and after SureRank was activated

I updated my latest stylesheet to accommodate the changes.

:root {
    --etch-green:212, 235, 94;
    --builder-color-accent: rgba(var(--etch-green), 1);
    --builder-bg-accent: #D5EC5E50;
    --builder-color: #fff !important;
}
/* Move the CSS Panel to the Top */
.control-groups {
    display: flex;
    flex-direction: column;
}
.category-title,
body.at-has-shortcuts-sidebar
    #bricks-structure
    .brxce-panel-shortcut__wrapper
    i {
    opacity: 0.7 !important;
}
[data-control-group="_css"] {
    order: -1;
    margin-block-end: 6px;
}
/* make space for tooltip above the AT structure search */
#bricks-structure #bricks-panel-header{
    z-index: 2;
}
li.has-settings {
 background-color: rgba(var(--etch-green), .5) !important;
}
span.bricks-svg-wrapper::after {
display: none !important;
}
span.bricks-svg-wrapper::after {
display: none !important;
}
#bricks-structure .structure-item:hover .actions .action {
    opacity:.75;
}
#bricks-structure .element.active>.structure-item{
    color: var(--builder-color);
}
#bricks-panel-tabs li.active,
#bricks-toolbar .logo {
    background-color: var(--builder-color-accent);
    color: #000;
}
body.at-has-shortcuts-sidebar #bricks-structure .brxce-panel-shortcut__wrapper i {
    opacity: 1!important;
    font-size: 1.1rem!important;
    color: white;
}
body.at-has-shortcuts-sidebar #bricks-structure .brxce-panel-shortcut__wrapper{
    opacity: .8!important;
}
body.at-has-shortcuts-sidebar #bricks-structure .brxce-panel-shortcut__wrapper:hover{
    opacity: 1!important;
}
CSS