diff --git a/client/index.html b/client/index.html
index 6f5b981..84654af 100644
--- a/client/index.html
+++ b/client/index.html
@@ -213,10 +213,10 @@
             <p class="legend">Desktop</p>
         </div>
         <div class="col-12">
-            <button type="button" data-msg='{"type":"screenshot","quality":"hq"}' class="btn btn-secondary">Screenshot HQ</button>
-            <button type="button" data-msg='{"type":"screenshot","quality":"lq"}' class="btn btn-secondary">Screenshot LQ</button>
-            <button type="button" id="live-hq" class="btn btn-secondary">Live HQ</button>
-            <button type="button" id="live-lq" class="btn btn-secondary">Live LQ</button>
+            <button type="button" data-msg='{"type":"screenshot","quality":"hq"}' class="btn btn-sm btn-secondary">Screenshot HQ</button>
+            <button type="button" data-msg='{"type":"screenshot","quality":"lq"}' class="btn btn-sm btn-secondary">Screenshot LQ</button>
+            <button type="button" id="live-hq" class="btn btn-sm btn-secondary">Live HQ</button>
+            <button type="button" id="live-lq" class="btn btn-sm btn-secondary">Live LQ</button>
             <div id="screenshot"><img class="btn-fullscreen" data-target="#screenshot img" src="data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4gIJDjc3srQk8gAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAADElEQVQI12P48+cPAAXsAvVTWDc6AAAAAElFTkSuQmCC"></div>
         </div>
         <div class="col-12">