diff --git a/public/assets/chat/chat.css b/public/assets/chat/chat.css
index 255fa5b7a..81d219049 100644
--- a/public/assets/chat/chat.css
+++ b/public/assets/chat/chat.css
@@ -71,8 +71,11 @@
   height: 100%;
   width: 3.4em;
   text-align: center;
-  line-height: 3.5em;
+  line-height: 3.4em;
   cursor: pointer; }
+  .zammad-chat-header-icon:before {
+    content: "";
+    display: inline-block; }
 
 .zammad-chat-header-icon-open,
 .zammad-chat-header-icon-close {
@@ -107,7 +110,7 @@
   font-weight: bold; }
 
 .zammad-chat-agent-status {
-  margin: 0 1em;
+  margin: 0.25em 1em;
   display: inline-block;
   line-height: 2em;
   padding: 0 .7em;
diff --git a/public/assets/chat/chat.scss b/public/assets/chat/chat.scss
index 64f0c4cca..2c85d78fc 100644
--- a/public/assets/chat/chat.scss
+++ b/public/assets/chat/chat.scss
@@ -80,8 +80,13 @@
   height: 100%;
   width: 3.4em;
   text-align: center;
-  line-height: 3.5em;
+  line-height: 3.4em;
   cursor: pointer;
+  
+  &:before { // force the icon to align to center
+    content: "";
+    display: inline-block;
+  }
 }
 
 .zammad-chat-header-icon-open,
@@ -125,7 +130,7 @@
 }
 
 .zammad-chat-agent-status {
-  margin: 0 1em;
+  margin: 0.25em 1em;
   display: inline-block;
   line-height: 2em;
   padding: 0 .7em;