fix(stats-bar): popover-overflowing

stakwork · Oct 2, 2024 · 17cfafd · 17cfafd
1 parent 7c94f52
commit 17cfafd
Showing 1 changed file with 9 additions and 2 deletions.
diff --git 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;
+  }
+`