DevTools: render category filters in a way that they don't clash.

Source/devtools/front_end/ui/splitWidget.css

Index: Source/devtools/front_end/ui/splitWidget.css
diff --git a/Source/devtools/front_end/ui/splitWidget.css b/Source/devtools/front_end/ui/splitWidget.css
index 76d76ea5becfd3bfc36f4b2a769d809c11ea1d33..b32d0009e158363bd6f71a957a3a857ed94c9c2d 100644
--- a/Source/devtools/front_end/ui/splitWidget.css
+++ b/Source/devtools/front_end/ui/splitWidget.css
@@ -124,8 +124,8 @@
     left: 4px;
 }
 
-:host-context(.material).shadow-split-widget button.left-sidebar-show-hide-button,
-:host-context(.material).shadow-split-widget button.top-sidebar-show-hide-button {
+:host-context(.material) .shadow-split-widget button.left-sidebar-show-hide-button,
+:host-context(.material) .shadow-split-widget button.top-sidebar-show-hide-button {
     top: 5px;
 }
 
@@ -140,7 +140,7 @@
     right:2px;
 }
 
-:host-context(.material).shadow-split-widget button.right-sidebar-show-hide-button {
+:host-context(.material) .shadow-split-widget button.right-sidebar-show-hide-button {
     top: 5px;
     right: 5px;
 }
@@ -155,7 +155,7 @@
     right: 1px;
 }
 
-:host-context(.material).shadow-split-widget button.bottom-sidebar-show-hide-button {
+:host-context(.material) .shadow-split-widget button.bottom-sidebar-show-hide-button {
     bottom: 3px;
     right: 3px;
 }