geo intergation

libs/shared/lib/data-viewer/search/searchbar.tsx

@@ -115,7 +115,7 @@ export default function Searchbar() {
           value={search}
           onChange={(e) => setSearch(e.target.value)}
           id="input-group-search"
-          className="block w-full p-2 ps-10 text-sm text-secondary-900 border border-secondary-300 rounded bg-secondary-50 focus:ring-blue-500 focus:border-blue-500 focus:ring-0"
+          className="block w-full p-2 ps-2 text-sm text-secondary-900 border border-secondary-300 rounded bg-secondary-50 focus:ring-blue-500 focus:border-blue-500 focus:ring-0"
           placeholder="Search database"
         ></input>
       </div>
@@ -131,8 +131,7 @@ export default function Searchbar() {
           </div>
         )}
         {search !== '' && (
-          <div className="z-10 rounded card-bordered w-full overflow-auto max-h-[60vh] px-3 pb-3">
-            <p className="font-bold text-sm">Results</p>
+          <div className="z-10 w-full overflow-y-auto scroll h-full px-2 pb-2">
             {SEARCH_CATEGORIES.every((category) => results[category].nodes.length === 0 && results[category].edges.length === 0) ? (
               <div className="ml-1 text-sm">
                 <p className="text-secondary-500">Found no matches...</p>