From d5f0a584e050b5cf726d1fc2e10265e1357c91a8 Mon Sep 17 00:00:00 2001
From: Richie <richie.phillips@proton.me>
Date: Thu, 26 Mar 2026 17:33:06 +1100
Subject: [PATCH] Fix location input styling to match select fields

- Add neutral-200 default border and brand-400 hover border overrides
- Input now matches selects: same border color, hover, focus, font size
- Previously inherited theme defaults (neutral-300 border, neutral-400 hover)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/organisms/FuneralFinder/FuneralFinderV2.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/organisms/FuneralFinder/FuneralFinderV2.tsx b/src/components/organisms/FuneralFinder/FuneralFinderV2.tsx
index 5dc0500..7a6750c 100644
--- a/src/components/organisms/FuneralFinder/FuneralFinderV2.tsx
+++ b/src/components/organisms/FuneralFinder/FuneralFinderV2.tsx
@@ -421,6 +421,13 @@ export const FuneralFinderV2 = React.forwardRef<HTMLDivElement, FuneralFinderV2P
                   if (e.key === 'Enter') handleSubmit();
                 }}
                 sx={{
+                  '& .MuiOutlinedInput-notchedOutline': {
+                    borderColor: 'var(--fa-color-neutral-200)',
+                    borderRadius: 'var(--fa-border-radius-md, 8px)',
+                  },
+                  '&:hover:not(.Mui-disabled) .MuiOutlinedInput-notchedOutline': {
+                    borderColor: 'var(--fa-color-brand-400)',
+                  },
                   '&.Mui-focused': { boxShadow: 'none' },
                   '&.Mui-focused .MuiOutlinedInput-notchedOutline': {
                     borderColor: 'var(--fa-color-brand-400)',