diff --git a/website/client/src/components/header/banners/base.vue b/website/client/src/components/header/banners/base.vue
index 6d1c8b9dbe..db2960f4d7 100644
--- a/website/client/src/components/header/banners/base.vue
+++ b/website/client/src/components/header/banners/base.vue
@@ -27,6 +27,10 @@ body.modal-open .habitica-top-banner {
   padding-left: 1.5rem;
   padding-right: 1.625rem;
   z-index: 1300;
+
+  .modal-close {
+    position: unset;
+  }
 }
 </style>
 
diff --git a/website/client/src/components/header/banners/chatBanner.vue b/website/client/src/components/header/banners/chatBanner.vue
index b9841a86c6..5a4dcac942 100644
--- a/website/client/src/components/header/banners/chatBanner.vue
+++ b/website/client/src/components/header/banners/chatBanner.vue
@@ -4,7 +4,7 @@
     banner-class="chat-banner"
     class="chat-banner"
     height="3rem"
-    :show="showChatWarning"
+    v-if="showChatWarning"
     :class="{faq: faqPage}"
   >
     <div