diff --git a/app/assets/stylesheets/junto.scss.erb b/app/assets/stylesheets/junto.scss.erb
index 2ce4656f..f9311851 100644
--- a/app/assets/stylesheets/junto.scss.erb
+++ b/app/assets/stylesheets/junto.scss.erb
@@ -98,21 +98,21 @@
   top: 72px;
 }
 
-#chat-box-wrapper {
-  height: 100%;
-  float: right;
-}
-
 .chat-box {
-  position: relative;
-  display: flex;
-  flex-direction: column;
+  position: absolute;
+  right: 0;
   z-index: 1;
-  width: 300px;
   height: 100%;
   background: #424242;
   box-shadow: -8px 0px 16px 2px rgba(0, 0, 0, 0.23);
 
+  .chat-panel {
+    width: 300px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
   .chat-button {
     position: absolute;
     top: 50%;