From 55e949578f0e87dc8752bf17baad76daa6c0783a Mon Sep 17 00:00:00 2001
From: Danny Avila <messagedaniel@protonmail.com>
Date: Wed, 5 Apr 2023 10:03:52 -0400
Subject: [PATCH] style(MessageHeader.jsx): add hover opacity to the background
 color of the message header

---
 client/src/components/Messages/MessageHeader.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/Messages/MessageHeader.jsx b/client/src/components/Messages/MessageHeader.jsx
index 0adcf211c8..3ab35c35ad 100644
--- a/client/src/components/Messages/MessageHeader.jsx
+++ b/client/src/components/Messages/MessageHeader.jsx
@@ -49,7 +49,7 @@ const MessageHeader = ({ isSearchView = false }) => {
   return (
     <>
       <div
-        className="dark:text-gray-450 w-full cursor-pointer gap-1 border-b border-black/10 bg-gray-50 text-sm text-gray-500 transition-all hover:bg-gray-100 dark:border-gray-900/50 dark:bg-gray-700 dark:hover:bg-gray-600"
+        className="dark:text-gray-450 w-full cursor-pointer gap-1 border-b border-black/10 bg-gray-50 text-sm text-gray-500 transition-all hover:bg-gray-100 hover:bg-opacity-30 dark:border-gray-900/50 dark:bg-gray-700 dark:hover:bg-gray-600 dark:hover:bg-opacity-100"
         onClick={() => setSaveAsDialogShow(true)}
       >
         <div className="d-block flex w-full items-center justify-center p-3">{getConversationTitle()}</div>