diff --git a/server/public/assets/css/style.css b/server/public/assets/css/style.css
index 9d8d55cd..d4b501bc 100755
--- a/server/public/assets/css/style.css
+++ b/server/public/assets/css/style.css
@@ -2186,7 +2186,18 @@ nav ul li:hover, nav ul li.active {
 }
 
 .host-mode-wrapper {
-    height: calc(100vh - 48px + 15px) !important;
+    height: calc(65vh - 48px + 15px) !important;
+}
+
+#host-title {
+    color: white;
+    position: absolute;
+    z-index: 999999;
+    padding: 20px;
+    font-size: 1.5rem;
+    width: 100%;
+    background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));
+    text-align: left;
 }
 
 
diff --git a/server/public/assets/js/functions.js b/server/public/assets/js/functions.js
index 82b29632..935081db 100644
--- a/server/public/assets/js/functions.js
+++ b/server/public/assets/js/functions.js
@@ -519,7 +519,9 @@ function enable_host_mode(enabled) {
             Helper.css("#playlist", "backgroundColor", "inherit");
             Helper.css("#main-row", "backgroundColor", "inherit");
             Helper.css(".main", "backgroundColor", "inherit");
+            Helper.removeClass("#host-title", "hide");
             hostMode = enabled;
+            document.querySelector("#playlist").insertAdjacentHTML("beforeend", "<div id='join-sidebar' style='color:white;'>" + document.querySelector("#channel-share-modal").querySelector(".modal-content").innerHTML + "</div>");
             document.addEventListener('webkitfullscreenchange', exitHandler, false);
             document.addEventListener('mozfullscreenchange', exitHandler, false);
             document.addEventListener('fullscreenchange', exitHandler, false);
@@ -534,14 +536,20 @@ function enable_host_mode(enabled) {
         Helper.removeClass("#playlist", "host-mode-height");
         Helper.css(".playlist-tabs-loggedIn", "display", "flex");
         Helper.addClass("#wrapper", "tabs_height");
+        Helper.addClass("#host-title", "hide");
         Helper.removeClass("#wrapper", "host-mode-wrapper");
         Helper.css(".skip", "display", "block");
+        document.querySelector("#join-sidebar").remove();
         var removeElements = document.querySelectorAll(".list-remove");
         for(var i = 0; i < removeElements.length; i++) {
         	removeElements[i].style.display = "block";
         }
         Helper.css("#fullscreen", "display", "block");
         hostMode = false;
+        document.addEventListener('webkitfullscreenchange', exitHandler, false);
+        document.addEventListener('mozfullscreenchange', exitHandler, false);
+        document.addEventListener('fullscreenchange', exitHandler, false);
+        document.addEventListener('MSFullscreenChange', exitHandler, false);
     }
     List.dynamicContentPageJumpTo(1);
 }
diff --git a/server/public/assets/js/player.js b/server/public/assets/js/player.js
index 5b9ff787..51bf06f3 100755
--- a/server/public/assets/js/player.js
+++ b/server/public/assets/js/player.js
@@ -560,6 +560,7 @@ var Player = {
             //var elem          = document.getElementById('song-title');
             //var getTitleViews = document.getElementById('viewers');
 
+            document.getElementById("host-title").innerText = title;
             document.getElementById("song-title").innerText = title;
             if(!client) document.getElementById("viewers").innerHTML = outPutWord + " " + v;
             document.getElementById("song-title").setAttribute("title", title);
diff --git a/server/public/partials/channel/players.handlebars b/server/public/partials/channel/players.handlebars
index 77658927..57c37cc4 100644
--- a/server/public/partials/channel/players.handlebars
+++ b/server/public/partials/channel/players.handlebars
@@ -1,4 +1,5 @@
 <div id="video-container" class="col s12 m9 video-container no-opacity click-through">
+    <div id="host-title" class="hide"></div>
     {{#unless embed}}
         <div id="fireplace_player" class="ytplayer"></div>
     {{/unless}}