DOM breakpoint is not properly aligned with its checkbox in DOM breakpoints tab

Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js

Index: Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
diff --git a/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js b/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
index 6ad8ff13cabdd2214861085771da0b81b42f9d89..2fa81015885e7f24ad799a5f03d6e653c4115ac3 100644
--- a/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
+++ b/Source/devtools/front_end/components/DOMBreakpointsSidebarPane.js
@@ -36,6 +36,7 @@ WebInspector.DOMBreakpointsSidebarPane = function()
 {
     WebInspector.BreakpointsSidebarPaneBase.call(this, WebInspector.UIString("DOM Breakpoints"));
     this._domBreakpointsSetting = WebInspector.settings.createLocalSetting("domBreakpoints", []);
+    this.listElement.classList.add("dom-breakpoints-list");
 
     this._breakpointElements = {};
 
@@ -228,15 +229,15 @@ WebInspector.DOMBreakpointsSidebarPane.prototype = {
         element._checkboxElement = checkboxLabel.checkboxElement;
         element.appendChild(checkboxLabel);
 
-        var labelElement = createElement("span");
+        var labelElement = createElementWithClass("div", "dom-breakpoint");
         element.appendChild(labelElement);
 
         var linkifiedNode = WebInspector.DOMPresentationUtils.linkifyNodeReference(node);
         linkifiedNode.classList.add("monospace");
+        linkifiedNode.style.display = "block";
         labelElement.appendChild(linkifiedNode);
 
         var description = createElement("div");
-        description.className = "source-text";
         description.textContent = this._breakpointTypeLabels[type];
         labelElement.appendChild(description);