diff --git a/www/pad/inner.js b/www/pad/inner.js
index 11b36a62b..bb0df7f82 100644
--- a/www/pad/inner.js
+++ b/www/pad/inner.js
@@ -365,6 +365,13 @@ define([
             if (href) { ifrWindow.open(bounceHref, '_blank'); }
         };
 
+        framework.onEditableChange(function (unlocked) {
+            if (!framework.isReadOnly()) {
+                $(inner).attr('contenteditable', '' + Boolean(unlocked));
+            }
+            $(inner).css({ background: unlocked ? '#fff' : '#eee' });
+        });
+
         framework.setMediaTagEmbedder(function ($mt) {
             $mt.attr('contenteditable', 'false');
             $mt.attr('tabindex', '1');