diff --git a/src/components/blocks/blocks.css b/src/components/blocks/blocks.css
index fd66c68bd76335edbc5cfe64a2b349a7f51d778a..583f587f79764fe7f5af191757c4f874e5832c40 100644
--- a/src/components/blocks/blocks.css
+++ b/src/components/blocks/blocks.css
@@ -1,5 +1,6 @@
 @import "../../css/units.css";
 @import "../../css/colors.css";
+@import "../../css/z-index.css";
 
 .blocks {
     height: 100%;
@@ -80,6 +81,7 @@
         This does not prevent user interaction on the blocks themselves.
     */
     pointer-events: none;
+    z-index: $z-index-drag-layer; /* make blocks match gui drag layer */
 }
 
 /*
diff --git a/src/css/z-index.css b/src/css/z-index.css
index 9f48b52aa53f7b10c497d0eb10db784bf74dd2a5..51246965801be18b4b1a72bb88a3c5a21c8083a1 100644
--- a/src/css/z-index.css
+++ b/src/css/z-index.css
@@ -10,7 +10,6 @@ $z-index-stage-indicator: 45;
 $z-index-add-button: 46;
 $z-index-tooltip: 47; /* tooltips should go over add buttons if they overlap */
 $z-index-monitor: 48; /* monitors go over add buttons */
-/* Block drag z-index: 50; set in scratch-blocks */
 
 $z-index-card: 480;
 $z-index-alerts: 490;
@@ -19,6 +18,7 @@ $z-index-loader: 500;
 $z-index-modal: 510;
 
 $z-index-drag-layer: 1000;
+/* Block drag z-index: 1000; default 50 is overriden in blocks.css */
 $z-index-monitor-dragging: 1010;
 $z-index-dragging-sprite: 1020; /* so it is draggable into other panes */