diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index aa0872ac5506..1ac7b63f06e7 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -234,6 +234,12 @@ const searchRouteInputSx: SxProps<Theme> = {
   "& input::before": {
     borderBottom: (theme) => `1px ${theme.palette.text.primary} solid`,
   },
+  "&.Mui-focused": {
+    "::after": {
+      borderBottomColor: ({ palette }) =>
+        palette.mode === "dark" ? palette.primary.main : palette.text.primary,
+    },
+  },
 };
 
 const funcPanelSx: SxProps<Theme> = {