diff --git a/resources/chatbox.scss b/resources/chatbox.scss
index 8416eab..e8b020b 100644
--- a/resources/chatbox.scss
+++ b/resources/chatbox.scss
@@ -68,12 +68,15 @@
 #chat-online {
     border: 1px solid #ccc;
     border-radius: 4px;
+    padding-bottom: 0 !important;
 }
 #chat-online-content {
+    margin-top: 0.5em;
+    margin-bottom: 0;
     overflow: hidden;
     overflow-wrap: break-word;
     overflow-y: auto;
-    max-height: 81vh;
+    max-height: 77vh;
 }
 #chat-box {
     border: 1px solid #ccc;
@@ -121,4 +124,4 @@
     .chat-left-panel, .chat-right-panel {
         display: block !important;
     }
-}
\ No newline at end of file
+}
diff --git a/templates/chat/chat.html b/templates/chat/chat.html
index d53ede4..33fc07f 100644
--- a/templates/chat/chat.html
+++ b/templates/chat/chat.html
@@ -305,9 +305,9 @@
                 {{_('Online Users')}}
                 <button id="refresh-button" class="fa fa-rotate-right" title="{{_('Refresh')}}"></button> 
             </h3>
-            <ul id="chat-online-content">
+            <div id="chat-online-content">
                 {% include "chat/online_status.html" %}
-            </ul>
+            </div>
         </div>
     </div>