From 5fb3237d1a7334684b48edaed20de339735353dc Mon Sep 17 00:00:00 2001
From: Warrick <wcor690@aucklanduni.ac.nz>
Date: Wed, 15 Dec 2021 11:30:12 +1100
Subject: [PATCH] Minor styling fix for large amount of message requests
 (#2080)

* Minor styling fix for large amount of message requests

* Vertical center fix for message request banner.

* removing top margin from banner again.
---
 ts/components/leftpane/MessageRequestsBanner.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ts/components/leftpane/MessageRequestsBanner.tsx b/ts/components/leftpane/MessageRequestsBanner.tsx
index f998959c8..28f07d442 100644
--- a/ts/components/leftpane/MessageRequestsBanner.tsx
+++ b/ts/components/leftpane/MessageRequestsBanner.tsx
@@ -28,7 +28,6 @@ const StyledMessageRequestBannerHeader = styled.span`
   color: var(--color-text-subtle);
   padding-left: var(--margins-xs);
   margin-inline-start: 12px;
-  margin-top: var(--margins-sm);
   line-height: 18px;
   overflow-x: hidden;
   overflow-y: hidden;
@@ -42,16 +41,17 @@ const StyledCircleIcon = styled.div`
 
 const StyledUnreadCounter = styled.div`
   font-weight: bold;
-  border-radius: 50%;
+  border-radius: var(--margins-sm);
   background-color: var(--color-clickable-hovered);
   margin-left: 10px;
-  width: 20px;
+  min-width: 20px;
   height: 20px;
   line-height: 25px;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
+  padding: var(--margins-xs);
 `;
 
 const StyledGridContainer = styled.div`