diff --git a/app/assets/javascripts/src/Metamaps.js.erb b/app/assets/javascripts/src/Metamaps.js.erb
index d5672fd9..cc7a1871 100644
--- a/app/assets/javascripts/src/Metamaps.js.erb
+++ b/app/assets/javascripts/src/Metamaps.js.erb
@@ -1989,7 +1989,8 @@ Metamaps.Realtime = {
           });
           self.room.videoAdded(self.handleVideoAdded);
 
-          self.createChat();
+          self.room.chat.$container.hide();
+          $('body').prepend(self.room.chat.$container);
         } // if Metamaps.Active.Mapper
     },
     addJuntoListeners: function () {
@@ -2064,6 +2065,7 @@ Metamaps.Realtime = {
         $(".collabCompass").remove();
         self.status = false;
         self.room.leave();
+        self.room.chat.$container.hide();
         self.videosInPosition = 1;
     },
     reenableRealtime: function() {
@@ -2086,6 +2088,7 @@ Metamaps.Realtime = {
         self.status = true;
         //$(".sidebarCollaborateIcon").addClass("blue");
         $(".collabCompass").show();
+        self.room.chat.$container.show();
         self.room.room = 'map-' + Metamaps.Active.Map.id;
         self.checkForACallToJoin();
     },
@@ -2364,12 +2367,6 @@ Metamaps.Realtime = {
 
         socket.on('mapChangeFromServer', self.mapChange);
     },
-    createChat: function() {
-        var self = Metamaps.Realtime;
-
-        $('body').prepend(self.room.chat.$container);
-        //self.room.chat.open();
-    },
     sendRealtimeOn: function () {
         var self = Metamaps.Realtime;
         var socket = Metamaps.Realtime.socket;