diff --git a/libs/shared/lib/data-viewer/search/searchbar.tsx b/libs/shared/lib/data-viewer/search/searchbar.tsx index abafc6acdf523fad32f569ba6ffc03a9b49f4ca6..43b7d6d6be98ff1b5ad46a1769a500432f38e797 100644 --- a/libs/shared/lib/data-viewer/search/searchbar.tsx +++ b/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>