diff --git a/web/apps/photos/src/components/SearchBar.tsx b/web/apps/photos/src/components/SearchBar.tsx
index b6d284bc10..4bbb5f3a43 100644
--- a/web/apps/photos/src/components/SearchBar.tsx
+++ b/web/apps/photos/src/components/SearchBar.tsx
@@ -339,7 +339,14 @@ const SelectStyles: StylesConfig<SearchOption, false> = {
 
 const Control = ({ children, ...props }: ControlProps<SearchOption, false>) => (
     <SelectComponents.Control {...props}>
-        <Stack direction="row" sx={{ alignItems: "center" }}>
+        <Stack
+            direction="row"
+            sx={{
+                alignItems: "center",
+                // Fill the entire control (the control uses display flex).
+                flex: 1,
+            }}
+        >
             <Box
                 sx={{
                     display: "inline-flex",