diff --git a/css/light.css b/css/light.css
index 4ef97460..0aa71715 100644
--- a/css/light.css
+++ b/css/light.css
@@ -1467,7 +1467,11 @@ hsub {
 .area {
     flex: 1;
     width: 100%;
-    z-index: 100;
+}
+.chatarea {
+    flex: 1;
+    width: 100%;
+    z-index: 99;
 }
 #bottom > vert {
     margin: 2px;
diff --git a/index_base.html b/index_base.html
index 43bbc1b2..639be07a 100644
--- a/index_base.html
+++ b/index_base.html
@@ -304,7 +304,7 @@
         <vert id="right" class="panel">
             <hori class="swaps"></hori>
             <!-- right0 -->
-            <vert id="right0" class="area">
+            <vert id="right0" class="chatarea">
                 <!-- twitch chat -->
                 <vert id="table-chat" class="drag">
                     <vert class="w100">