From 17cfafdf28b03f20dfed57c7d33ef27483dd54b4 Mon Sep 17 00:00:00 2001
From: Shoaibdev7 <shoaibdev7@gmail.com>
Date: Thu, 3 Oct 2024 00:09:54 +0500
Subject: [PATCH] fix(stats-bar): popover-overflowing

---
 src/components/Alerts/index.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/Alerts/index.tsx b/src/components/Alerts/index.tsx
index 062e5c696..9a9dcd6e5 100644
--- a/src/components/Alerts/index.tsx
+++ b/src/components/Alerts/index.tsx
@@ -34,7 +34,7 @@ export const Alerts = () => {
           </div>
         </Tooltip>
       </Info>
-      <Popover
+      <StyledPopover
         anchorEl={anchorEl}
         anchorOrigin={{
           vertical: 'bottom',
@@ -51,7 +51,7 @@ export const Alerts = () => {
             </p>
           ))}
         </ContentWrapper>
-      </Popover>
+      </StyledPopover>
     </AlertWrapper>
   ) : null
 }
@@ -67,6 +67,7 @@ const ContentWrapper = styled(Flex)`
   max-height: 33vh;
   max-width: 30vw;
   background: ${colors.BG1};
+  padding-top: 0 !important;
 
   .item {
     padding: 8px 0;
@@ -125,3 +126,9 @@ const Info = styled(Flex).attrs({
     justify-content: center;
   }
 `
+
+const StyledPopover = styled(Popover)`
+  .MuiPopover-paper {
+    margin-top: 4px;
+  }
+`