diff --git a/ui/src/pages/AgentHealth/AgentHealth.tsx b/ui/src/pages/AgentHealth/AgentHealth.tsx
index 710bcd16..dc2813ec 100644
--- a/ui/src/pages/AgentHealth/AgentHealth.tsx
+++ b/ui/src/pages/AgentHealth/AgentHealth.tsx
@@ -920,7 +920,7 @@ export default function AgentHealth() {
               <input
                 type="text"
                 className={logStyles.logSearchInput}
-                placeholder="Search logs\u2026"
+                placeholder="Search logs…"
                 value={logSearch}
                 onChange={(e) => setLogSearch(e.target.value)}
                 aria-label="Search logs"
diff --git a/ui/src/pages/AgentInstance/AgentInstance.tsx b/ui/src/pages/AgentInstance/AgentInstance.tsx
index df225e01..57271d03 100644
--- a/ui/src/pages/AgentInstance/AgentInstance.tsx
+++ b/ui/src/pages/AgentInstance/AgentInstance.tsx
@@ -426,7 +426,7 @@ export default function AgentInstance() {
               <input
                 type="text"
                 className={logStyles.logSearchInput}
-                placeholder="Search logs\u2026"
+                placeholder="Search logs…"
                 value={logSearch}
                 onChange={(e) => setLogSearch(e.target.value)}
                 aria-label="Search logs"
diff --git a/ui/src/styles/log-panel.module.css b/ui/src/styles/log-panel.module.css
index b0e8bd0c..daac5659 100644
--- a/ui/src/styles/log-panel.module.css
+++ b/ui/src/styles/log-panel.module.css
@@ -53,14 +53,16 @@
 
 .logSearchInput {
   width: 100%;
-  padding: 5px 28px 5px 10px;
-  border: 1px solid var(--border-subtle);
+  height: 28px;
+  padding: 0 26px 0 8px;
+  border: 1px solid var(--border);
   border-radius: var(--radius-sm);
-  background: var(--bg-body);
+  background: var(--bg-surface);
   color: var(--text-primary);
   font-size: 12px;
-  font-family: var(--font-body);
+  font-family: var(--font-mono);
   outline: none;
+  transition: border-color .15s;
 }
 
 .logSearchInput:focus {