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

Source/devtools/front_end/components/inspectorViewTabbedPane.css

 /*
  * Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 .tabbed-pane-header {
     background-color: #eee;
     flex: 0 0 24px;
 }
 
 :host-context(.material) .tabbed-pane-header {
-    flex: 0 0 28px;
+    flex: 0 0 29px;
     overflow: visible;
 }
 
 .tabbed-pane-header-tab {
     height: 23px;
 }
 
 :host-context(.material) .tabbed-pane-header-tab {
-    height: 27px;
+    height: 28px;
     border: none;
     transition: background-color 100ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 :host-context(.material) .tabbed-pane-header-tab:hover {
     background-color: rgba(105, 105, 105, 0.1);
 }
 
 .tabbed-pane-header-tab,
 .tabbed-pane-header-tab.selected {
@@ skipping 26 matching lines @@
 
 :host-context(body.undocked.platform-mac) .tabbed-pane-header {
     background-image: linear-gradient(to bottom, rgb(208, 208, 208), rgb(200, 200, 200)) !important;
     color: #333 !important;
 }
 
 :host-context(body.undocked.platform-mac.inactive) .tabbed-pane-header {
     background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(224, 224, 224)) !important;
     color: #555 !important;
 }