diff --git a/src/sass/inputs.scss b/src/sass/inputs.scss
index 6aba47b..f4d48a1 100644
--- a/src/sass/inputs.scss
+++ b/src/sass/inputs.scss
@@ -162,6 +162,18 @@ input::-webkit-datetime-edit-year-field:focus {
         -moz-appearance: none;
         -webkit-appearance: none;
         appearance: none;
+        padding-right: 18px;
+    }
+
+    .pref-select:after {
+        content: '\e80b'; /* icon-down */
+        font-family: $font_icon;
+        font-size: 10px;
+        pointer-events: none;
+        position: absolute;
+        right: 4px;
+        top: 5px;
+        color: var(--fg_color);
     }
 
     input[type="text"] {
diff --git a/src/views/renderutils.nim b/src/views/renderutils.nim
index 41ef8df..0039eee 100644
--- a/src/views/renderutils.nim
+++ b/src/views/renderutils.nim
@@ -77,7 +77,7 @@ proc genInput*(pref, label, state, placeholder: string; class=""; autofocus=true
     input(name=pref, `type`="text", placeholder=p, value=state, autofocus=(autofocus and state.len == 0))
 
 proc genSelect*(pref, label, state: string; options: seq[string]): VNode =
-  buildHtml(tdiv(class="pref-group pref-input")):
+  buildHtml(tdiv(class="pref-group pref-input pref-select")):
     label(`for`=pref): text label
     select(name=pref):
       for opt in options: