--- a/devtools/client/inspector/grids/components/Grid.js
+++ b/devtools/client/inspector/grids/components/Grid.js
@@ -55,25 +55,16 @@ module.exports = createClass({
       onShowGridLineNamesHighlight,
     } = this.props;
 
     return grids.length ?
       dom.div(
         {
           id: "layout-grid-container",
         },
-        showGridOutline ?
-          GridOutline({
-            grids,
-            onShowGridAreaHighlight,
-            onShowGridCellHighlight,
-            onShowGridLineNamesHighlight,
-          })
-          :
-          null,
         dom.div(
           {
             className: "grid-content",
           },
           GridList({
             getSwatchColorPickerTooltip,
             grids,
             setSelectedNode,
@@ -82,17 +73,26 @@ module.exports = createClass({
             onShowBoxModelHighlighterForNode,
             onToggleGridHighlighter,
           }),
           GridDisplaySettings({
             highlighterSettings,
             onToggleShowGridLineNumbers,
             onToggleShowInfiniteLines,
           })
-        )
+        ),
+        showGridOutline ?
+          GridOutline({
+            grids,
+            onShowGridAreaHighlight,
+            onShowGridCellHighlight,
+            onShowGridLineNamesHighlight,
+          })
+          :
+          null
       )
       :
       dom.div(
         {
           className: "layout-no-grids",
         },
         getStr("layout.noGrids")
       );