diff --git a/src/snek/static/base.css b/src/snek/static/base.css
index 31a6e74..db9dcb0 100644
--- a/src/snek/static/base.css
+++ b/src/snek/static/base.css
@@ -347,3 +347,15 @@ a {
   color: #fff;
 }
 
+@media only screen and (max-width: 600px) {
+    header{
+        position: sticky;
+        display: block;
+        .logo {
+            display:block;
+        }
+    }
+    .chat-input {
+        position:sticky;
+    }
+}
diff --git a/src/snek/templates/web.html b/src/snek/templates/web.html
index 28ad4d2..d386b67 100644
--- a/src/snek/templates/web.html
+++ b/src/snek/templates/web.html
@@ -12,10 +12,10 @@
         {% endfor %}
     </div>
     <chat-window style="display:none" class="chat-area"></chat-window>
-    <div class="chat-input">
+    <footer class="chat-input">
         <textarea placeholder="Type a message..." rows="2"></textarea>
         <upload-button channel="{{ channel.uid.value }}"></upload-button>
-    </div>
+    </footer>
 </section>
 
 <script type="module">