From 67bdf0ed1d3f6dffeed57b59fd3337c79f0fb96d Mon Sep 17 00:00:00 2001
From: Akshita Singh <akshitasingh170208@gmail.com>
Date: Mon, 24 Aug 2026 23:00:09 +0530
Subject: [PATCH 1/2] fix(tools): increase z-index of filters drawer and detail
 modal to z-[200]

---
 pages/tools/components/ToolingDetailModal.tsx | 2 +-
 pages/tools/index.page.tsx                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/tools/components/ToolingDetailModal.tsx b/pages/tools/components/ToolingDetailModal.tsx
index 2cbaf5301..d59a5c485 100644
--- a/pages/tools/components/ToolingDetailModal.tsx
+++ b/pages/tools/components/ToolingDetailModal.tsx
@@ -38,7 +38,7 @@ export default function ToolingDetailModal({
   }, [onClose]);
 
   return (
-    <div className='fixed inset-0 flex items-center justify-center z-50 overflow-x-hidden'>
+    <div className='fixed inset-0 flex items-center justify-center z-[200] overflow-x-hidden'>
       <div
         className='fixed inset-0 bg-black opacity-50'
         onClick={onClose}
diff --git a/pages/tools/index.page.tsx b/pages/tools/index.page.tsx
index 1f49f73a6..782aecf13 100644
--- a/pages/tools/index.page.tsx
+++ b/pages/tools/index.page.tsx
@@ -123,7 +123,7 @@ export default function ToolingPage({
       <div className='mx-auto w-full max-w-[1400px] min-h-screen flex flex-col items-center px-4 md:px-12'>
         {/* Filter Drawer */}
         <div
-          className={`fixed inset-0 z-50 flex transform transition-all duration-300 ${isSidebarOpen ? 'visible' : 'invisible pointer-events-none'}`}
+          className={`fixed inset-0 z-[200] flex transform transition-all duration-300 ${isSidebarOpen ? 'visible' : 'invisible pointer-events-none'}`}
         >
           {/* Backdrop */}
           <div

From 44ae9daa5dd2d648573865430fe91af787d10434 Mon Sep 17 00:00:00 2001
From: Akshita Singh <akshitasingh170208@gmail.com>
Date: Sun, 30 Aug 2026 23:09:21 +0530
Subject: [PATCH 2/2] fix(tools): fix missing search bar border in dark mode

---
 pages/tools/components/SearchBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/tools/components/SearchBar.tsx b/pages/tools/components/SearchBar.tsx
index 05b54cae2..125ad37c9 100644
--- a/pages/tools/components/SearchBar.tsx
+++ b/pages/tools/components/SearchBar.tsx
@@ -24,7 +24,7 @@ const SearchBar = ({ transform, onQueryChange }: SearchBarProps) => {
     <div className='w-full max-w-md mx-auto my-6 lg:my-auto'>
       <Input
         type='text'
-        className='dark:border-slate-900 focus:border-blue-300 dark:bg-slate-900'
+        className='dark:border-slate-700 focus:border-blue-300 dark:bg-slate-900'
         placeholder='Search'
         name='query'
         value={query}