From 5c52b3ebc8049e2667ef1bd827d3502f065c4c11 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Mon, 17 Oct 2022 11:04:01 +1100
Subject: [PATCH] fix: qa feedback - moved unread notification count to the
 right and updated style to match mockup

---
 ts/components/icon/SessionNotificationCount.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/ts/components/icon/SessionNotificationCount.tsx b/ts/components/icon/SessionNotificationCount.tsx
index d0ec15217..e71ba3854 100644
--- a/ts/components/icon/SessionNotificationCount.tsx
+++ b/ts/components/icon/SessionNotificationCount.tsx
@@ -7,18 +7,18 @@ type Props = {
 
 const StyledCountContainer = styled.div<{ shouldRender: boolean }>`
   position: absolute;
-  width: 20px;
-  height: 20px;
-  font-size: 20px;
-  top: var(--margins-lg);
-  left: var(--margins-sm);
+  width: 24px;
+  height: 12px;
+  font-size: 18px;
+  top: 27px;
+  right: 8px;
   padding: 3px;
   opacity: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: var(--font-default);
-  border-radius: 50%;
+  border-radius: 58px;
   font-weight: 700;
   background: var(--unread-messages-alert-background-color);
   transition: var(--default-duration);