diff --git a/cryptofist.png b/cryptofist.png
index 05bf1b7ae..d1fad3eef 100644
Binary files a/cryptofist.png and b/cryptofist.png differ
diff --git a/www/realtime-wysiwyg.js b/www/realtime-wysiwyg.js
index 0117fccb9..50d241434 100644
--- a/www/realtime-wysiwyg.js
+++ b/www/realtime-wysiwyg.js
@@ -451,6 +451,11 @@ window.ErrorBox = ErrorBox;
         var onEvent = function () { };
 
         var toolbar = createRealtimeToolbar('#cke_1_toolbox');
+        var userListElement = createUserList(toolbar.find('.rtwysiwyg-toolbar-leftside'));
+        var spinner = createSpinner(toolbar.find('.rtwysiwyg-toolbar-rightside'));
+        var lagElement = createLagElement(toolbar.find('.rtwysiwyg-toolbar-rightside'));
+
+        var userList
 
         var allMessages = [];
         var isErrorState = false;
@@ -488,6 +493,7 @@ console.log(new Error().stack);
         socket.onOpen.push(function (evt) {
             if (!initializing) {
                 socket.realtime.start();
+                updateUserList(userName, userListElement, userList);
                 return;
             }
 
@@ -500,10 +506,6 @@ console.log(new Error().stack);
 
             //createDebugLink(realtime, doc, allMessages, toolbar);
 
-            var userListElement = createUserList(toolbar.find('.rtwysiwyg-toolbar-leftside'));
-            var spinner = createSpinner(toolbar.find('.rtwysiwyg-toolbar-rightside'));
-            var lagElement = createLagElement(toolbar.find('.rtwysiwyg-toolbar-rightside'));
-
             setInterval(function () {
                 if (initializing || isSocketDisconnected(socket, realtime)) { return; }
                 checkLag(realtime, lagElement);