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

Source/devtools/front_end/components/breakpointsList.css

Index: Source/devtools/front_end/components/breakpointsList.css
diff --git a/Source/devtools/front_end/components/breakpointsList.css b/Source/devtools/front_end/components/breakpointsList.css
index 133f64af2bdd2d71d5625e368e20e67bb13afe3b..97d8e9a6e28a12f8fa9cf163a284274667947d1c 100644
--- a/Source/devtools/front_end/components/breakpointsList.css
+++ b/Source/devtools/front_end/components/breakpointsList.css
@@ -160,3 +160,12 @@ li.breakpoint-hit .breakpoint-hit-marker {
     float: right;
     margin: 2px 3px 0 2px;
 }
+
+.dom-breakpoints-list > li {
+    display: flex;
+}
+
+.dom-breakpoints-list .dom-breakpoint > div {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}