From 20bbd61fce06d7635933bc57ecb208a33146fd9d Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Thu, 16 Jan 2025 11:50:33 +0530
Subject: [PATCH] Dropdown revert

---
 web/packages/new/photos/components/DropdownInput.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/web/packages/new/photos/components/DropdownInput.tsx b/web/packages/new/photos/components/DropdownInput.tsx
index 3f101a341a..8a88734005 100644
--- a/web/packages/new/photos/components/DropdownInput.tsx
+++ b/web/packages/new/photos/components/DropdownInput.tsx
@@ -51,6 +51,7 @@ export const DropdownInput = <T extends string>({
         onChange={(event: SelectChangeEvent) => {
             onSelect(event.target.value as T);
         }}
+        variant="outlined"
         displayEmpty
         renderValue={() => {
             // Return the value that is shown in the unexpanded state.
@@ -87,6 +88,17 @@ export const DropdownInput = <T extends string>({
                 },
             },
         }}
+        sx={{
+            // Remove the border in the quiescent state.
+            ".MuiOutlinedInput-notchedOutline": {
+                borderColor: "transparent",
+            },
+            // Give the default appearance a background fill, similar to our
+            // text inputs.
+            ".MuiSelect-select": {
+                backgroundColor: "fill.faint",
+            },
+        }}
     >
         {options.map(({ value, label }) => (
             <MenuItem key={value} value={value}>