diff --git a/style.css b/style.css
index 8393d50..cbc9dc1 100644
--- a/style.css
+++ b/style.css
@@ -293,23 +293,25 @@ pre {
 }
 .active-users-container {
     margin-top: 20px;
+    display: flex;
+    align-items: center; /* Vertically align the text and scrolling list */
+    white-space: nowrap;
 }
 
 .active-users-list {
-    white-space: nowrap;
     overflow: hidden;
     box-sizing: border-box;
-    padding: 10px;
-    background-color: #111; /* Match the site’s background color */
+    padding-left: 10px; /* Space between heading and scrolling list */
+    background-color: #111;
     border-radius: 0.25em;
-    border: 1px solid #fb5; /* Match the border color to the site's theme */
-    color: #fb5; /* Match the text color to the site's theme */
+    border: 1px solid #fb5;
+    color: #fb5;
+    width: 100%; /* Make the list take up the rest of the available space */
 }
 
 .active-users-list ul {
     display: inline-block;
-    padding-left: 100%; /* Start position for the animation */
-    animation: scroll-left 15s linear infinite; /* Adjust the duration as needed */
+    animation: scroll-left 15s linear infinite;
     margin: 0;
     list-style-type: none;
 }
@@ -317,8 +319,8 @@ pre {
 .active-users-list li {
     display: inline;
     padding: 0 20px; /* Space between usernames */
-    color: #fb5; /* Ensure the username color matches the theme */
-    font-family: "courier new", monospace; /* Match the font to the rest of the site */
+    color: #fb5;
+    font-family: "courier new", monospace;
 }
 
 @keyframes scroll-left {
@@ -331,3 +333,4 @@ pre {
 }
 
 
+