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

Source/devtools/front_end/ui/checkboxTextLabel.css

 /*
  * Copyright (c) 2014 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.
  */
 
 :host {
     padding: 0;
     margin: 0;
     display: inline-flex;
     flex-shrink: 0;
     align-items: center !important;
 }
 
-::content > .dt-checkbox-button {
+input.dt-checkbox-button {
     height: 12px;
     width: 12px;
-    margin: 1px 3px 2px 2px;
     flex-shrink: 0;
 }
 
-::content > .dt-checkbox-text {
-    line-height: 15px;
+input.dt-checkbox-colored {
+    -webkit-appearance: none;
+    border: 1px solid;
+    border-radius: 3px;
 }
+
+input.dt-checkbox-colored:checked {
+    background-image: url(Images/toolbarButtonGlyphs.png);
+    background-size: 352px 144px;
+    background-position: -128px -110px;
+}