diff --git a/webroot/js/app.js b/webroot/js/app.js
index a29ed9e5b..673816d56 100644
--- a/webroot/js/app.js
+++ b/webroot/js/app.js
@@ -995,16 +995,17 @@ export default class App extends Component {
               >
             </h1>
 
-            <${ChatMenu} username=${username} isModerator=${isModerator} showAuthModal=${
-      indieAuthEnabled && this.showAuthModal
-    } onUsernameChange=${this.handleUsernameChange} onFocus=${
-      this.handleFormFocus
-    } onBlur=${
-      this.handleFormBlur
-    } chatDisabled=${chatDisabled} noVideoContent=${noVideoContent} handleChatPanelToggle=${
-      this.handleChatPanelToggle
-    }>
-            </${ChatMenu}>
+            <${!chatDisabled && ChatMenu}
+              username=${username}
+              isModerator=${isModerator}
+              showAuthModal=${indieAuthEnabled && this.showAuthModal}
+              onUsernameChange=${this.handleUsernameChange}
+              onFocus=${this.handleFormFocus}
+              onBlur=${this.handleFormBlur}
+              chatDisabled=${chatDisabled}
+              noVideoContent=${noVideoContent}
+              handleChatPanelToggle=${this.handleChatPanelToggle}
+            />
           </header>
         </div>
 
@@ -1083,7 +1084,6 @@ export default class App extends Component {
 
         ${chat} ${externalActionModal} ${fediverseFollowModal}
         ${notificationModal} ${authModal}
-
       </div>
     `;
   }