<iman> add hover

1 files changed, 6 insertions, 3 deletions

diff --git a/src/lib/auth/components/Menu.jsx b/src/lib/auth/components/Menu.jsx
index ddbb0760..979de83b 100644
--- a/src/lib/auth/components/Menu.jsx
+++ b/src/lib/auth/components/Menu.jsx
@@ -118,7 +118,10 @@ const Menu = () => {
             <p>Profil Saya</p>
           </div>
         </LinkItem>
-        <button type='button' className='text-gray_r-12/80 p-2 text-left'>
+        <button
+          type='button'
+          className='text-gray_r-12/80 p-2 text-left hover:bg-gray_r-5 '
+        >
           <div className='flex gap-x-3 items-center'>
             <ImageNext
               src='/images/icon/icon_logout.svg'
@@ -136,8 +139,8 @@ const Menu = () => {
 const LinkItem = ({ children, ...props }) => (
   <Link
     {...props}
-    className={`!text-gray_r-12/80 !font-normal p-2 rounded ${
-      props.active == true ? 'bg-gray_r-3' : ''
+    className={`!text-gray_r-12/80 !font-normal p-2 rounded transition-colors duration-200 ${
+      props.active ? 'bg-gray_r-3' : 'hover:bg-gray_r-5 '
     }`}
   >
     {children}