diff --git a/webroot/styles/chat.css b/webroot/styles/chat.css
index cd45576a6..ce24ea990 100644
--- a/webroot/styles/chat.css
+++ b/webroot/styles/chat.css
@@ -3,13 +3,19 @@
 #chat-container {
   position: fixed;
   z-index: 9;
-  top: var(--header-height);
+  bottom: 0;
   right: 0;
   width: var(--right-col-width);
 
   height: calc(100vh - var(--header-height));
 }
 
+@media screen and (max-width: 729px) {
+  #chat-container {
+    top: var(--header-height);
+  }
+}
+
 #message-input-container {
   width: var(--right-col-width);
 }