diff --git a/crates/frontend/public/assets/style.css b/crates/frontend/public/assets/style.css
index e376aef..87f4595 100644
--- a/crates/frontend/public/assets/style.css
+++ b/crates/frontend/public/assets/style.css
@@ -310,12 +310,20 @@ footer {
 }
 
 input[type="text"],
-input[type="password"] {
+input[type="password"],
+input[type="color"],
+select {
   background: color-mix(in srgb, var(--background-color), var(--dilute-color) 10%);
   border: 2px solid var(--border-color);
   padding: 6px 6px;
   color: var(--text-on-background-color);
   margin: 2px;
+  border-radius: 8px;
+
+  &:hover,
+  &:focus {
+    background: color-mix(in srgb, var(--background-color), var(--dilute-color) 20%);
+  }
 }
 
 svg.icon {