From 69e5610323ad01585957027698ece0fbb5735ea1 Mon Sep 17 00:00:00 2001
From: Keane Chan <e0425601@u.nus.edu>
Date: Sun, 30 Oct 2022 11:38:24 +0800
Subject: [PATCH] [resumes][fix] minor ui fixes

---
 .../portal/src/components/resumes/browse/ResumeFilterPill.tsx | 4 +++-
 apps/portal/src/pages/resumes/index.tsx                       | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/portal/src/components/resumes/browse/ResumeFilterPill.tsx b/apps/portal/src/components/resumes/browse/ResumeFilterPill.tsx
index aca89b17..cc1882f2 100644
--- a/apps/portal/src/components/resumes/browse/ResumeFilterPill.tsx
+++ b/apps/portal/src/components/resumes/browse/ResumeFilterPill.tsx
@@ -15,7 +15,9 @@ export default function ResumeFilterPill({
     <button
       className={clsx(
         'border-primary-500 focus:bg-primary-500 rounded-xl border border-transparent px-2 py-1 text-xs font-medium focus:text-white',
-        isSelected ? 'bg-primary-500 text-white' : 'text-primary-500 bg-white',
+        isSelected
+          ? 'bg-primary-500 text-white'
+          : 'text-primary-500 hover:text-primary-700 bg-white hover:bg-slate-100',
       )}
       type="button"
       onClick={onClick}>
diff --git a/apps/portal/src/pages/resumes/index.tsx b/apps/portal/src/pages/resumes/index.tsx
index 444068a0..5bcd2291 100644
--- a/apps/portal/src/pages/resumes/index.tsx
+++ b/apps/portal/src/pages/resumes/index.tsx
@@ -453,7 +453,7 @@ export default function ResumeHomePage() {
                                 ))}
                               </div>
                               <p
-                                className="cursor-pointer text-sm text-slate-500 underline"
+                                className="inline-block cursor-pointer text-sm text-slate-500 underline hover:text-slate-700"
                                 onClick={() => onClearFilterClick(filter.id)}>
                                 Clear
                               </p>
@@ -553,7 +553,7 @@ export default function ResumeHomePage() {
                             ))}
                           </CheckboxList>
                           <p
-                            className="cursor-pointer text-sm text-slate-500 underline"
+                            className="inline-block cursor-pointer text-sm text-slate-500 underline hover:text-slate-700"
                             onClick={() => onClearFilterClick(filter.id)}>
                             Clear
                           </p>