diff --git a/web/static/css/style.css b/web/static/css/style.css
index d47bf1b..869a7aa 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -98,9 +98,12 @@ h1, h2, h3, h4 {
   border: 0;
 }
 
+.ml-1 {
+  margin-left: 0.5rem;
+}
+
 /* Hide chat toggler on small screen */
 #sideWidgetToggle {
-  margin-left: 0.5rem;
   display: none;
 }
 
diff --git a/web/template/viewer.html b/web/template/viewer.html
index b4b8f4f..a18238d 100644
--- a/web/template/viewer.html
+++ b/web/template/viewer.html
@@ -17,20 +17,19 @@
       </svg>
       <code>rtmps://{{.Cfg.Hostname}}:1935/play/{{.Path}}</code>-->
 
-      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-        <g fill="#d7d7d7">
-          <path d="M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z"/>
-          <circle cx="10" cy="5.5" r="4.5"/>
-        </g>
-      </svg> <span id="connected-people">0</span>
+      <svg width="1em" height="1em" viewBox="0 0 20 20" fill="#d7d7d7" xmlns="http://www.w3.org/2000/svg">
+        <path d="M10 11c-5.92 0-8 3-8 5v3h16v-3c0-2-2.08-5-8-5z"/>
+        <circle cx="10" cy="5.5" r="4.5"/>
+      </svg>
+      <span id="connected-people">0</span>
 
-      <svg id="connectionIndicator" width="1em" height="1em" viewBox="0 0 16 16" fill="#dc3545" xmlns="http://www.w3.org/2000/svg">
+      <svg id="connectionIndicator" class="ml-1" width="1em" height="1em" viewBox="0 0 16 16" fill="#dc3545" xmlns="http://www.w3.org/2000/svg">
         <rect width="4" height="5" x="1" y="10" rx="1"/>
         <rect width="4" height="9" x="6" y="6" rx="1"/>
         <rect width="4" height="14" x="11" y="1" rx="1"/>
       </svg>
 
-      <a href="#" id="sideWidgetToggle" title="Cacher/Afficher le chat">»</a>
+      <a href="#" id="sideWidgetToggle" class="ml-1" title="Cacher/Afficher le chat">»</a>
     </p>
   </div>