diff --git a/css/base.css b/css/base.css
index a3a3edad..683dcb00 100644
--- a/css/base.css
+++ b/css/base.css
@@ -922,11 +922,20 @@ table.permission-editor td.checkbox {
   background-image: url("../img/ignasi_pattern_s.png");
 }
 
+#messages-container {
+  position: relative;
+  overflow-y: hidden;
+  height: 100%;
+}
+
 #write-only-background {
+  position: absolute;
+  top: 0;
+  left: 0;
   height: 100%;
   width: 100%;
-  background-image: repeating-linear-gradient(45deg,
-    transparent, transparent 0.5rem, rgba(255,255,255,.5) 0.5rem, rgba(255,255,255,.5) 1rem);
+  background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.5), rgba(255,255,255,.5) 0.5rem,
+    rgba(255,255,255,.8) 0.5rem, rgba(255,255,255,.8) 1rem);
 }
 
 #write-only-note {
@@ -941,6 +950,7 @@ table.permission-editor td.checkbox {
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 0.25rem 1.5rem;
+  box-shadow: 0.1rem 0.1rem 0.1rem rgba(0,0,0,0.2);
 }
 /* Footer-panel with the input for the new message */
 #send-message-panel {
diff --git a/index.html b/index.html
index 0782551e..0f967ce4 100644
--- a/index.html
+++ b/index.html
@@ -3528,16 +3528,19 @@
                   onClearError={this.props.onError} />
                 : null}
               <LoadSpinner show={this.state.fetchingMessages} />
-              <div id="messages-panel" ref={this.handleScrollReference}>
-                {this.state.writeOnly ?
-                  <div id="write-only-background">
-                    <div id="write-only-note">no access to messages</div>
-                  </div>
-                  :
+              <div id="messages-container">
+                <div id="messages-panel" ref={this.handleScrollReference}>
                   <ul id="scroller" className={chatBoxClass}>
                     {messageNodes}
                   </ul>
-                }
+                </div>
+              {this.state.writeOnly ?
+                <div id="write-only-background">
+                  <div id="write-only-note">no access to messages</div>
+                </div>
+                :
+                null
+              }
               </div>
               <MessagesView.Send
                 topic={this.props.topic}