diff --git a/server/public/assets/js/channel.js b/server/public/assets/js/channel.js
index 42068481..95306da5 100644
--- a/server/public/assets/js/channel.js
+++ b/server/public/assets/js/channel.js
@@ -452,6 +452,7 @@ var Channel = {
       !client
     ) {
       Helper.css(".cast-button-header", "display", "none");
+      Channel.set_title_width();
     }
 
     Helper.log([
diff --git a/server/public/assets/js/listeners.js b/server/public/assets/js/listeners.js
index e64a3498..6c02eb35 100755
--- a/server/public/assets/js/listeners.js
+++ b/server/public/assets/js/listeners.js
@@ -458,6 +458,7 @@ initializeCastApi = function() {
       Helper.log(["cast state", event.castState]);
       if (event.castState == "NOT_CONNECTED") {
         Helper.css(".cast-button-header", "display", "inline-flex");
+        Channel.set_title_width();
         Helper.addClass(".volume-container", "volume-container-cast");
         cast_ready_connect = true;
         var _chSeen;
@@ -490,6 +491,7 @@ initializeCastApi = function() {
 
   if (context.getCastState() == "NOT_CONNECTED") {
     Helper.css(".cast-button-header", "display", "inline-flex");
+    Channel.set_title_width();
     Helper.removeClass(".castButton", "castButton-white-active");
     cast_ready_connect = true;
   }