From 306a89930a86d2beb1415eea660e5daf9011b27e Mon Sep 17 00:00:00 2001
From: EthanHealy01 <ethan.healy.21@gmail.com>
Date: Mon, 18 Aug 2025 17:15:56 +0100
Subject: [PATCH] change requests

---
 frontend/src/components/shared/TextInput.tsx | 2 --
 frontend/src/components/tools/ToolPanel.tsx  | 1 +
 frontend/src/styles/theme.css                | 3 +++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/shared/TextInput.tsx b/frontend/src/components/shared/TextInput.tsx
index e8f5221bf..e44e8efb2 100644
--- a/frontend/src/components/shared/TextInput.tsx
+++ b/frontend/src/components/shared/TextInput.tsx
@@ -102,5 +102,3 @@ export const TextInput = forwardRef<HTMLInputElement, TextInputProps>(({
     </div>
   );
 });
-
-TextInput.displayName = 'TextInput';
diff --git a/frontend/src/components/tools/ToolPanel.tsx b/frontend/src/components/tools/ToolPanel.tsx
index 5cbed5118..6de5f229e 100644
--- a/frontend/src/components/tools/ToolPanel.tsx
+++ b/frontend/src/components/tools/ToolPanel.tsx
@@ -57,6 +57,7 @@ export default function ToolPanel() {
         <div
           style={{
             backgroundColor: 'var(--tool-panel-search-bg)',
+            borderBottom: '1px solid var(--tool-panel-search-border-bottom)',
             padding: '0.75rem 1rem',
             marginBottom: (leftPanelView === 'toolContent') ? '1rem' : 0,
           }}
diff --git a/frontend/src/styles/theme.css b/frontend/src/styles/theme.css
index e87c2c7b8..634cae91c 100644
--- a/frontend/src/styles/theme.css
+++ b/frontend/src/styles/theme.css
@@ -140,6 +140,7 @@
 
   /* Tool panel search bar background colors */
   --tool-panel-search-bg: #EFF1F4;
+  --tool-panel-search-border-bottom: #EFF1F4;
 
   /* container */
   --landing-paper-bg: var(--bg-surface);
@@ -289,6 +290,8 @@
 
   /* Tool panel search bar background colors (dark mode) */
   --tool-panel-search-bg: #1F2329;
+  --tool-panel-search-border-bottom: #4B525A;
+
 }
 
 /* Dropzone drop state styling */