diff --git a/ui/src/chronograf/components/Explorer.js b/ui/src/chronograf/components/Explorer.js
index b026c2b289..56d71aa25c 100644
--- a/ui/src/chronograf/components/Explorer.js
+++ b/ui/src/chronograf/components/Explorer.js
@@ -109,6 +109,7 @@ const Explorer = React.createClass({
       return (
         <div className="query-editor__empty">
           <h5>This Graph has no Queries</h5>
+          <br/>
           <div className="btn btn-primary" role="button" onClick={this.handleAddQuery}>Add a Query</div>
         </div>
       );
diff --git a/ui/src/style/chronograf/components/_QueryEditor.scss b/ui/src/style/chronograf/components/_QueryEditor.scss
index 02db4e3c73..0c0fcc8682 100644
--- a/ui/src/style/chronograf/components/_QueryEditor.scss
+++ b/ui/src/style/chronograf/components/_QueryEditor.scss
@@ -341,7 +341,7 @@ $query-editor-height: 35vh;
     padding: 18px 0;
     min-height: $query-editor-height;
     max-height: 80vh;
-    background-color: $g6-smoke;
+    background-color: $g7-graphite;
     border-radius: 0 0 $radius $radius;
   }