diff --git a/app/styles/base.css b/app/styles/base.css
index f042dfcd..408da277 100644
--- a/app/styles/base.css
+++ b/app/styles/base.css
@@ -395,10 +395,6 @@ html {
   border-color: rgba(0, 0, 0, 0.8);
   background-color: rgba(0, 0, 0, 0.5);
 }
-#noVNC_control_bar .noVNC_button:not(:disabled):active {
-  padding-top: 5px;
-  padding-bottom: 3px;
-}
 /* Android browsers don't properly update hover state if touch events are
  * intercepted, like they are when clicking on the remote screen. */
 :root:not(.noVNC_touch) #noVNC_control_bar .noVNC_button.noVNC_selected:not(:disabled):hover {
@@ -408,6 +404,10 @@ html {
 :root:not(.noVNC_touch) #noVNC_control_bar .noVNC_button:not(:disabled):hover {
   background-color: rgba(255, 255, 255, 0.2);
 }
+#noVNC_control_bar .noVNC_button:not(:disabled):active {
+  padding-top: 5px;
+  padding-bottom: 3px;
+}
 #noVNC_control_bar .noVNC_button.noVNC_hidden {
   display: none !important;
 }