fix: hover color removed when filter buttons are clicked

Author: ayesha-waris

src/discussions/learners/learner/LearnerFilterBar.jsx

@@ -23,7 +23,7 @@ const ActionItem = ({
 }) => (
   <label
     htmlFor={id}
-    className="focus border-bottom-0 d-flex align-items-center w-100 py-2 m-0 font-weight-500 filter-menu"
+    className="focus border-bottom-0 d-flex align-items-center w-100 py-2 m-0 font-weight-500"
     data-testid={value === selected ? `${value} selected` : null}
     style={{ cursor: 'pointer' }}
     aria-checked={value === selected}

src/discussions/posts/post-filter-bar/PostFilterBar.jsx

@@ -37,7 +37,7 @@ export const ActionItem = ({
 }) => (
   <label
     htmlFor={id}
-    className="focus border-bottom-0 d-flex align-items-center w-100 py-2 m-0 font-weight-500 filter-menu"
+    className="focus border-bottom-0 d-flex align-items-center w-100 py-2 m-0 font-weight-500"
     data-testid={value === selected ? 'selected' : null}
     style={{ cursor: 'pointer' }}
     aria-checked={value === selected}