diff --git a/css/style.css b/css/style.css
index ab32290..a5b9f6c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2,12 +2,13 @@
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
 }
-#content div {
+
+.client-div {
   margin-top: 15px;
 }
 .client-img-div {
   float: left;
-  width: 100px;
+  width: 107px;
 }
 
 .client-img-div img {
diff --git a/js/display_content.js b/js/display_content.js
index 43b6ad6..f82b4ea 100644
--- a/js/display_content.js
+++ b/js/display_content.js
@@ -4,7 +4,7 @@ function drawClients() {
   result = "";
   if (thisClient) {
     getClientsInChannel(thisClient.channel).forEach((c) => {
-      result += `<div style="color:${CONFIG.style.fontColor}; font-size:${CONFIG.style.fontSize}">`;
+      result += `<div class="client-div" style="color:${CONFIG.style.fontColor}; font-size:${CONFIG.style.fontSize}">`;
       result += '<div class="client-img-div">';
       if (c.outputMuted) {
         result += '	<img src="img/muted_output.svg" />';