diff --git a/timetagger/app/app.scss b/timetagger/app/app.scss
index fffa321..30fa4eb 100644
--- a/timetagger/app/app.scss
+++ b/timetagger/app/app.scss
@@ -77,9 +77,13 @@ span.keyhint {
     border: 1px solid #ccc;
     padding: 2px 4px;
     border-radius: 3px;
-    font-size: 90%;
+    font-size: 80%;
     color: #ccc;
 }
+body.darkmode span.keyhint {
+    color: #aaa;
+    border-color: #aaa;
+}
 
 /**************** Tooltip ****************/
 
@@ -224,6 +228,8 @@ body.darkmode .tooltipdiv {
 .dialog .formlayout > div {
     height: 1.5em;
     vertical-align: center;
+    display: flex;
+    align-items: center;
 }
 .dialog .formlayout > div:nth-child(odd) {
     justify-self: end;
diff --git a/timetagger/app/dialogs.py b/timetagger/app/dialogs.py
index 116e024..56d5e0e 100644
--- a/timetagger/app/dialogs.py
+++ b/timetagger/app/dialogs.py
@@ -542,7 +542,7 @@ def open(self, callback=None):
                 <a>last year</a>
             </div>
             <div style='min-height: 10px;'></div>
-            <div class='menu'>
+            <div class='menu' style='align-items: center;'>
                 <div style='flex: 0.5 0.5 auto; text-align: right;'>From:&nbsp;&nbsp;</div>
                 <input type="date" step="1" />
                 <div style='flex: 0.5 0.5 auto; text-align: right;'>To:&nbsp;&nbsp;</div>