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}
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