consul/ui/packages/consul-ui/app/styles/routes/dc/acls/index.scss

html[data-route^='dc.acls.index'] main td strong {
  @extend %pill-500, %frame-gray-900;
  margin-right: 3px;
}
html[data-route^='dc.acls.index'] .filter-bar {
  @extend %filter-bar-reversed;
}
html[data-route^='dc.acls.index'] .filter-bar [role='radiogroup'] {
  @extend %expanded-single-select;
}
@media #{$--horizontal-tabs} {
  html[data-route^='dc.acls.policies.index'] main header .actions,
  html[data-route^='dc.acls.policies.index'] main header .actions {
    position: relative;
    top: 42px;
  }
}

@media #{$--lt-wide-form} {
  html[data-route^='dc.acls.edit'] main header .actions {
    float: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
  }
  html[data-route^='dc.acls.edit'] main header .actions .with-feedback {
    position: absolute;
    right: 0;
  }
  html[data-route^='dc.acls.edit'] main header .actions .with-confirmation {
    margin-top: 0;
  }
}