diff --git a/app/styles/input.css b/app/styles/input.css
index f1a11913..d6499a66 100644
--- a/app/styles/input.css
+++ b/app/styles/input.css
@@ -66,9 +66,23 @@ button {
 }
 
 select {
-  padding-right: 7px;
+  --select-arrow: calc(100% - 7px) no-repeat url('data:image/svg+xml;utf8, \
+      <svg width="8" height="6" version="1.1" viewBox="0 0 8 6" \
+           xmlns="http://www.w3.org/2000/svg"> \
+          <path d="m6.5 1.5 -2.5 3 -2.5 -3 5 0" stroke-width="3" \
+                stroke="rgb(31,31,31)" fill="none" \
+                stroke-linecap="round" stroke-linejoin="round" /> \
+      </svg>');
+  background: var(--select-arrow),
+              linear-gradient(to top, rgb(255, 255, 255), rgb(240, 240, 240));
+  padding-right: calc(2*7px + 8px);
   padding-left: 7px;
 }
+:root:not(.noVNC_touch) select:hover:not(:disabled) {
+  background: var(--select-arrow),
+              linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250));
+}
+
 option {
   color: black;
   background: white;
@@ -137,7 +151,6 @@ select:active {
 :root:not(.noVNC_touch) input[type=color]:hover:not(:disabled),
 :root:not(.noVNC_touch) input[type=reset]:hover:not(:disabled),
 :root:not(.noVNC_touch) input[type=submit]:hover:not(:disabled),
-:root:not(.noVNC_touch) button:hover:not(:disabled),
-:root:not(.noVNC_touch) select:hover:not(:disabled) {
+:root:not(.noVNC_touch) button:hover:not(:disabled) {
   background: linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250));
 }