diff --git a/core/modules/outside_in/css/outside_in.theme.css b/core/modules/outside_in/css/outside_in.theme.css
index 4495442..671b204 100644
--- a/core/modules/outside_in/css/outside_in.theme.css
+++ b/core/modules/outside_in/css/outside_in.theme.css
@@ -64,14 +64,23 @@
   outline: 1px dashed rgba(0,0,0,0.5);
   box-shadow: 0 0 0 1px rgba(255,255,255,0.7);
 }
+
 .js-tray-open .dialog-off-canvas__main-canvas.js-outside-in-edit-mode .outside-in-editable {
   position: relative;
   z-index: 100;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.js-tray-open .dialog-off-canvas__main-canvas.js-outside-in-edit-mode .outside-in-editable:hover:not(.outside-in-active-editable) {
+  box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
+  opacity: 0.6;
+  filter: alpha(opacity=60);
+  cursor: pointer;
 }
 
 .js-tray-open .dialog-off-canvas__main-canvas.js-outside-in-edit-mode .outside-in-editable:not(.outside-in-active-editable) {
-  opacity: 0.25;
-  filter: alpha(opacity=25);
+  opacity: 0.1;
+  filter: alpha(opacity=10);
 }
 
 /* Style the dialog-off-canvas container. */
diff --git a/core/modules/outside_in/js/outside_in.js b/core/modules/outside_in/js/outside_in.js
index a9b0b9c..ace2c5d 100644
--- a/core/modules/outside_in/js/outside_in.js
+++ b/core/modules/outside_in/js/outside_in.js
@@ -159,7 +159,7 @@
       if ($element.is('#drupal-off-canvas')) {
         // Attach ui-overlay
         if(!$('.ui-widget-overlay').length) {
-          $('body').append('<div id="widget-overlay-outside" class="ui-widget-overlay" style="opacity: 0.5;"></div>');
+          $('body').append('<div id="widget-overlay-outside" class="ui-widget-overlay" style="opacity: 0.68;"></div>');
         }
         $('body .outside-in-active-editable').removeClass('outside-in-active-editable');
         var $activeElement = $('#' + settings.outsideInActiveEditableId);