diff --git a/editor/js/ui/tab-config.js b/editor/js/ui/tab-config.js
index 6877179ee..2d6f33ac4 100644
--- a/editor/js/ui/tab-config.js
+++ b/editor/js/ui/tab-config.js
@@ -20,8 +20,8 @@ RED.sidebar.config = (function() {
     content.className = "sidebar-node-config"
 
     $('<div class="button-group sidebar-header">'+
-      '<a class="sidebar-header-button selected" id="workspace-config-node-filter-all" href="#"><span data-i18n="sidebar.config.filterAll"></span></a>'+
-      '<a class="sidebar-header-button" id="workspace-config-node-filter-unused" href="#"><span data-i18n="sidebar.config.filterUnused"></span></a> '+
+      '<a class="sidebar-header-button-toggle selected" id="workspace-config-node-filter-all" href="#"><span data-i18n="sidebar.config.filterAll"></span></a>'+
+      '<a class="sidebar-header-button-toggle" id="workspace-config-node-filter-unused" href="#"><span data-i18n="sidebar.config.filterUnused"></span></a> '+
       '</div>'
     ).appendTo(content);
 
diff --git a/editor/sass/mixins.scss b/editor/sass/mixins.scss
index 809582a6a..4c2eb5711 100644
--- a/editor/sass/mixins.scss
+++ b/editor/sass/mixins.scss
@@ -30,9 +30,9 @@
 
 @mixin workspace-button {
     @include disable-selection;
-    color: $workspace-button-color;
     box-sizing: border-box;
     display: inline-block;
+    color: $workspace-button-color;
     background: $workspace-button-background;
     border: 1px solid $secondary-border-color;
     text-align: center;
@@ -67,6 +67,17 @@
         border-left: none;
     }
 }
+@mixin workspace-button-toggle {
+    @include workspace-button;
+    color: $workspace-button-color-selected;
+    background: $workspace-button-background-active;
+
+    &.selected:not(.disabled) {
+        color: $workspace-button-color;
+        background: $workspace-button-background;
+    }
+}
+
 
 @mixin component-footer {
     border-top: 1px solid $primary-border-color;
diff --git a/editor/sass/sidebar.scss b/editor/sass/sidebar.scss
index 607a7485d..d188e3b71 100644
--- a/editor/sass/sidebar.scss
+++ b/editor/sass/sidebar.scss
@@ -83,6 +83,12 @@
     line-height: 13px;
     padding: 5px 8px;
 }
+.sidebar-header-button-toggle {
+    @include workspace-button-toggle;
+    font-size: 13px;
+    line-height: 13px;
+    padding: 5px 8px;
+}
 .sidebar-header-button:not(:first-child) {
     border-left: none;
 }