DevTools: dom nodes rendered in console have huge margins

Source/devtools/front_end/elements/elementsTreeOutline.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.
  */
 
 .outline-disclosure {
     width: 100%;
     display: inline-block;
     line-height: normal;
@@ skipping 82 matching lines @@
     margin-left: -12px;
 }
 
 .outline-disclosure > ol {
     position: relative;
     margin: 0;
     cursor: default;
     min-width: 100%;
     min-height: 100%;
     -webkit-transform: translateZ(0);
+    padding-left: 2px;
 }
 
 .outline-disclosure ol:focus li.selected {
     color: white;
 }
 
 .outline-disclosure ol:focus li.parent.selected::before {
     background-color: white;
 }
 
@@ skipping 164 matching lines @@
 @-webkit-keyframes dom-update-highlight-animation {
     from { background-color: rgb(255, 242, 114); }
     90% { background-color: rgb(255, 242, 114); }
     to { background-color: inherit; }
 }
 
 .dom-update-highlight {
     -webkit-animation: dom-update-highlight-animation 2s 1;
     color: red !important;
 }
+
+.outline-disclosure.single-node li {
+    padding-left: 2px;
+}