From f1df8ccd5df3a3764cc9232461a23e9c6fc1151e Mon Sep 17 00:00:00 2001
From: trashtemp <96388163+trashtemp@users.noreply.github.com>
Date: Fri, 14 Jan 2022 23:06:47 +0100
Subject: [PATCH] fix: added shadow on hover

---
 src/components/common/messaging/bars/MessageOverlayBar.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/common/messaging/bars/MessageOverlayBar.tsx b/src/components/common/messaging/bars/MessageOverlayBar.tsx
index 3be9b684..8ee78a23 100644
--- a/src/components/common/messaging/bars/MessageOverlayBar.tsx
+++ b/src/components/common/messaging/bars/MessageOverlayBar.tsx
@@ -43,10 +43,15 @@ const OverlayBar = styled.div`
     top: -18px;
     z-index: 0;
     overflow: hidden;
+    transition: box-shadow 0.1s ease-out;
 
     border-radius: 5px;
     background: var(--primary-header);
     //border: 1px solid var(--background);
+
+    &:hover {
+        box-shadow: rgb(0 0 0 / 20%) 0px 2px 10px;
+    }
 `;
 
 const Entry = styled.div`