From dca299175440835818cb734b44d89c017c56a752 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A2u=20Cao?= <raucao@kosmos.org>
Date: Mon, 16 Mar 2026 17:07:38 +0400
Subject: [PATCH] Style dropdown menu form controls

---
 app/styles/app.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/app/styles/app.css b/app/styles/app.css
index b68e4a3..5fc475c 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -312,6 +312,8 @@ body {
   font-family: inherit;
   font-size: 0.95rem;
   box-sizing: border-box; /* Ensure padding doesn't overflow width */
+  color: #333;
+  background-color: #fff;
 }
 
 .form-control:focus {
@@ -320,6 +322,17 @@ body {
   box-shadow: 0 0 0 2px rgb(0 123 255 / 10%);
 }
 
+select.form-control {
+  appearance: none;
+  background-color: #fff;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
+  background-size: 16px 16px;
+  padding-right: 2.5rem;
+  cursor: pointer;
+}
+
 .edit-actions {
   display: flex;
   gap: 0.5rem;