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,
       )}
     >