From f500833ffc8a965e6eedbb639d0d730062650a84 Mon Sep 17 00:00:00 2001
From: liam <31192478+terror@users.noreply.github.com>
Date: Wed, 12 Jul 2023 19:46:28 -0400
Subject: [PATCH] Blend search results with search bar (#340)

---
 client/src/components/CourseSearchBar.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/components/CourseSearchBar.tsx b/client/src/components/CourseSearchBar.tsx
index 9894e727..1ee01707 100644
--- a/client/src/components/CourseSearchBar.tsx
+++ b/client/src/components/CourseSearchBar.tsx
@@ -119,7 +119,10 @@ export const CourseSearchBar = ({
         </div>
         <input
           type='text'
-          className='block w-full rounded-lg border border-none border-neutral-50 bg-neutral-50 p-3 pl-10 text-sm text-black outline-none dark:border-neutral-50 dark:bg-neutral-800 dark:text-gray-200 dark:placeholder:text-neutral-500 lg:min-w-[570px]'
+          className={twMerge(
+            'block w-full rounded-t-lg border border-none border-neutral-50 bg-neutral-50 p-3 pl-10 text-sm text-black outline-none dark:border-neutral-50 dark:bg-neutral-800 dark:text-gray-200 dark:placeholder:text-neutral-500 lg:min-w-[570px]',
+            searchSelected ? '' : 'rounded-b-lg'
+          )}
           placeholder='Search for courses, subjects or professors'
           onChange={(event) => handleInputChange(event.target.value)}
           onFocus={() => setSearchSelected(true)}