Corrections after review feedback.

drag_and_drop_v2/public/css/drag_and_drop.css

@@ -209,7 +209,7 @@
 
 .xblock--drag-and-drop .zone {
     position: absolute;
-    border: 1px hidden #f00;
+    border: 1px hidden #565656;
 
     display: -webkit-box;
     display: -moz-box;
@@ -235,6 +235,10 @@
 
 }
 
+.xblock--drag-and-drop .zone-with-borders {
+    border: 1px dotted #565656;
+}
+
 /* Focused zone */
 .xblock--drag-and-drop .zone:focus {
     border: 2px solid #a5a5a5;

drag_and_drop_v2/public/css/drag_and_drop_edit.css

@@ -35,7 +35,7 @@
     box-pack:center;
     box-align:center;
 
-    border: 1px dotted #666;
+    border: 1px dotted #565656;
     box-sizing: border-box;
 }
 

drag_and_drop_v2/public/js/view.js

@@ -102,9 +102,10 @@
 
     var zoneTemplate = function(zone, ctx) {
         var className = ctx.display_zone_labels ? 'zone-name' : 'zone-name sr';
+        var selector = ctx.display_zone_borders ? 'div.zone.zone-with-borders' : 'div.zone';
         return (
             h(
-                'div.zone',
+                selector,
                 {
                     id: zone.id,
                     attributes: {
@@ -115,8 +116,7 @@
                     },
                     style: {
                         top: zone.y_percent + '%', left: zone.x_percent + "%",
-                        width: zone.width_percent + '%', height: zone.height_percent + "%",
-                        borderStyle: ctx.display_zone_borders ? 'dotted' : 'hidden'
+                        width: zone.width_percent + '%', height: zone.height_percent + "%"
                     }
                 },
                 [