diff --git a/src/static/js/pad_editor.js b/src/static/js/pad_editor.js
index 621f37aec..b035bf6fc 100644
--- a/src/static/js/pad_editor.js
+++ b/src/static/js/pad_editor.js
@@ -134,6 +134,7 @@ var padeditor = (function()
 
       v = getOption('showAuthorColors', true);
       self.ace.setProperty("showsauthorcolors", v);
+      $('#chattext').toggleClass('authorColors', v);
       padutils.setCheckbox($("#options-colorscheck"), v);
 
       // Override from parameters if true
diff --git a/src/templates/pad.html b/src/templates/pad.html
index 809635796..2de82db03 100644
--- a/src/templates/pad.html
+++ b/src/templates/pad.html
@@ -374,7 +374,7 @@
               <a id="titlecross" class="hide-reduce-btn" onClick="chat.hide();return false;">-&nbsp;</a>
               <a id="titlesticky" class="stick-to-screen-btn" onClick="chat.stickToScreen(true);return false;" data-l10n-id="pad.chat.stick.title">█&nbsp;&nbsp;</a>
             </div>
-            <div id="chattext" class="authorColors thin-scrollbar" aria-live="polite" aria-relevant="additions removals text" role="log" aria-atomic="false">
+            <div id="chattext" class="thin-scrollbar" aria-live="polite" aria-relevant="additions removals text" role="log" aria-atomic="false">
                 <div alt="loading.." id="chatloadmessagesball" class="chatloadmessages loadingAnimation" align="top"></div>
                 <button id="chatloadmessagesbutton" class="chatloadmessages" data-l10n-id="pad.chat.loadmessages"></button>
             </div>