diff --git a/apps/portal/src/components/resumes/browse/BrowsePageBody.tsx b/apps/portal/src/components/resumes/browse/BrowsePageBody.tsx
index 85152270..ee28609f 100644
--- a/apps/portal/src/components/resumes/browse/BrowsePageBody.tsx
+++ b/apps/portal/src/components/resumes/browse/BrowsePageBody.tsx
@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import { Fragment, useState } from 'react';
 import { Disclosure, Menu, Transition } from '@headlessui/react';
 import {
@@ -37,10 +38,6 @@ const filters = [
   },
 ];
 
-function classNames(...classes: Array<string>) {
-  return classes.filter(Boolean).join(' ');
-}
-
 export default function BrowsePageBody() {
   const [tabsValue, setTabsValue] = useState('all');
   const [searchValue, setSearchValue] = useState('');
@@ -112,7 +109,7 @@ export default function BrowsePageBody() {
                         <Menu.Item key={option.name}>
                           {({ active }) => (
                             <a
-                              className={classNames(
+                              className={clsx(
                                 option.current
                                   ? 'font-medium text-gray-900'
                                   : 'text-gray-500',