diff --git a/src/components/SecondaryPanes/Breakpoints.css b/src/components/SecondaryPanes/Breakpoints.css
index 952a1febac..192d19719e 100644
--- a/src/components/SecondaryPanes/Breakpoints.css
+++ b/src/components/SecondaryPanes/Breakpoints.css
@@ -71,6 +71,7 @@ html .breakpoints-list .breakpoint.paused {
   overflow-x: hidden;
   text-overflow: ellipsis;
   padding: 1px 0;
+  vertical-align: bottom;
 }
 
 .breakpoints-list .pause-indicator {
diff --git a/src/components/SecondaryPanes/Breakpoints.js b/src/components/SecondaryPanes/Breakpoints.js
index 31d807f1ac..a8a2eca292 100644
--- a/src/components/SecondaryPanes/Breakpoints.js
+++ b/src/components/SecondaryPanes/Breakpoints.js
@@ -368,14 +368,14 @@ class Breakpoints extends PureComponent {
         onClick={() => this.selectBreakpoint(breakpoint)}
         onContextMenu={e => this.showContextMenu(e, breakpoint)}
       >
+        <input
+          type="checkbox"
+          className="breakpoint-checkbox"
+          checked={!isDisabled}
+          onChange={() => this.handleCheckbox(breakpoint)}
+          onClick={ev => ev.stopPropagation()}
+        />
         <label className="breakpoint-label" title={breakpoint.text}>
-          <input
-            type="checkbox"
-            className="breakpoint-checkbox"
-            checked={!isDisabled}
-            onChange={() => this.handleCheckbox(breakpoint)}
-            onClick={ev => ev.stopPropagation()}
-          />
           {renderSourceLocation(breakpoint.location.source, line, column)}
         </label>
         <div className="breakpoint-snippet">{snippet}</div>