diff --git a/caravel/assets/javascripts/explorev2/components/ChartContainer.jsx b/caravel/assets/javascripts/explorev2/components/ChartContainer.jsx
index a3a7a45e031fa..8c8cf38f2d21a 100644
--- a/caravel/assets/javascripts/explorev2/components/ChartContainer.jsx
+++ b/caravel/assets/javascripts/explorev2/components/ChartContainer.jsx
@@ -67,7 +67,12 @@ class ChartContainer extends React.Component {
         <Panel
           style={{ height: this.props.height }}
           header={
-            <div className="panel-title">{this.props.sliceName}</div>
+            <div
+              id="slice-header"
+              className="panel-title"
+            >
+              {this.props.sliceName}
+            </div>
           }
         >
           <div
diff --git a/caravel/assets/visualizations/heatmap.js b/caravel/assets/visualizations/heatmap.js
index 2cd4df237b10b..271befd4d9200 100644
--- a/caravel/assets/visualizations/heatmap.js
+++ b/caravel/assets/visualizations/heatmap.js
@@ -10,8 +10,11 @@ require('./heatmap.css');
 // https://jsfiddle.net/cyril123/h0reyumq/
 function heatmapVis(slice) {
   function refresh() {
+    // Header for panel in explore v2
+    const header = document.getElementById('slice-header');
+    const headerHeight = header ? header.getBoundingClientRect().height : 0;
     const margin = {
-      top: 10,
+      top: 20 + headerHeight,
       right: 10,
       bottom: 35,
       left: 35,