diff --git a/kvmd/web/css/mobile.css b/kvmd/web/css/mobile.css
index 1eda438c..a672d575 100644
--- a/kvmd/web/css/mobile.css
+++ b/kvmd/web/css/mobile.css
@@ -21,46 +21,8 @@
 		background-color: var(--bg-color-ctl) !important;
 	}
 
-	div#keyboard div.key:hover, div.modifier:hover {
-		color: var(--fg-color-normal);
-		background-color: var(--bg-color-gray);
-	}
-	div#keyboard-desktop {
-		display: none !important;
-	}
-	div#keyboard-mobile {
-		display: block !important;
-	}
-
-	div#stream-mouse-buttons {
-		display: block !important;
-	}
-}
-
-@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-	button, select {
-		height: 45px !important;
-	}
-
-	div.modal-buttons button {
-		height: 50px !important;
-	}
-
-	div#stream-window {
-		padding-top: 9px !important;
-		border-top: 0 !important;
-		border-radius: 0 0 8px 8px !important;
-		top: 50px !important;
-		left: 50% !important;
-		-webkit-transform: translateX(-50%) !important;
-		transform: translateX(-50%) !important;
-	}
-	div#stream-window-header {
-		display: none !important;
-	}
-
-	div#keyboard {
-		zoom: 1.1 !important;
+	div.keyboard {
+		zoom: 1.28 !important;
 	}
 	div#keyboard-window {
 		visibility: visible !important;
@@ -80,6 +42,42 @@
 	div#keyboard-window-header {
 		display: none !important
 	}
+	div.keyboard div.key:hover, div.modifier:hover {
+		color: var(--fg-color-normal);
+		background-color: var(--bg-color-gray);
+	}
+	div#keyboard-desktop {
+		display: none !important;
+	}
+	div#keyboard-mobile {
+		display: block !important;
+	}
+
+	div#stream-window {
+		padding-top: 9px !important;
+		border-top: 0 !important;
+		border-radius: 0 0 8px 8px !important;
+		top: 50px !important;
+		left: 50% !important;
+		-webkit-transform: translateX(-50%) !important;
+		transform: translateX(-50%) !important;
+	}
+	div#stream-window-header {
+		display: none !important;
+	}
+	div#stream-mouse-buttons {
+		display: block !important;
+	}
+}
+
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+	button, select {
+		height: 45px !important;
+	}
+
+	div.modal-buttons button {
+		height: 50px !important;
+	}
 
 	@supports (-webkit-appearance:none) {
 		div.stream-params div#stream-size-slider-box input[type=range] {
diff --git a/kvmd/web/index.html b/kvmd/web/index.html
index fe5a97ad..f1f899ef 100644
--- a/kvmd/web/index.html
+++ b/kvmd/web/index.html
@@ -384,7 +384,7 @@
 			<div class="keyboard-block">
 				<div class="keyboard-row">
 					<div data-key="Escape" class="key margin-0 small"><p>Esc</p></div>
-					<div class="empty-key" style="width:0px"></div>
+					<div class="empty-key" style="width:4px"></div>
 					<div data-key="F1" class="key wide-0 margin-0 small"><p>F1</p></div>
 					<div data-key="F2" class="key wide-0 margin-0 small"><p>F2</p></div>
 					<div data-key="F3" class="key wide-0 margin-0 small"><p>F3</p></div>
@@ -397,7 +397,7 @@
 					<div data-key="F10" class="key wide-0 margin-0 small"><p>F10</p></div>
 					<div data-key="F11" class="key wide-0 margin-0 small"><p>F11</p></div>
 					<div data-key="F12" class="key wide-0 margin-0 small"><p>F12</p></div>
-					<div class="empty-key" style="width:4px"></div>
+					<div class="empty-key" style="width:5px"></div>
 					<div data-key="PrintScreen" class="modifier margin-0 small"><p><b>&bull;</b><br>Pt/Sq</p></div>
 					<div data-key="ScrollLock" class="key margin-0 small"><p>ScrLk</p></div>
 					<div data-key="Pause" class="key margin-0 small"><p>P/Brk</p></div>