From daea46d764ee25faea2ab9ae651e1cd7bbbe91ff Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Fri, 15 Sep 2023 13:17:36 +0530
Subject: [PATCH] chore: fix count bubble styles

---
 .../Preferences/PreferencesComponents/CountBubble.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/javascripts/Components/Preferences/PreferencesComponents/CountBubble.tsx b/packages/web/src/javascripts/Components/Preferences/PreferencesComponents/CountBubble.tsx
index c0a328247..a4903cde5 100644
--- a/packages/web/src/javascripts/Components/Preferences/PreferencesComponents/CountBubble.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/PreferencesComponents/CountBubble.tsx
@@ -14,9 +14,9 @@ const CountBubble = ({ count, position, className }: Props) => {
   return (
     <div
       className={classNames(
-        'flex aspect-square h-5 w-5 items-center justify-center rounded-full border border-info-contrast bg-info text-[0.75rem] font-bold text-info-contrast md:h-4 md:w-4 md:text-[0.5rem]',
+        'flex aspect-square h-5 w-5 items-center justify-center rounded-full border border-info-contrast bg-info text-[0.75rem] font-bold text-info-contrast md:text-[0.65rem]',
         'absolute bottom-full translate-y-3 md:translate-y-2',
-        position === 'left' ? 'right-full md:translate-x-2' : 'left-full -translate-x-3 md:-translate-x-2',
+        position === 'left' ? 'right-full md:translate-x-2' : 'left-full -translate-x-3 md:-translate-x-2.5',
         className,
       )}
     >