From d351ffab185b2258b61492a7cc2cad75c07de2b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Thu, 17 Nov 2022 10:52:56 +0100
Subject: [PATCH] Fix 'Icon counter is italicized'
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/components/icon-with-counter.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/components/icon-with-counter.tsx b/app/soapbox/components/icon-with-counter.tsx
index 2d95cb9f9..7e6a3a007 100644
--- a/app/soapbox/components/icon-with-counter.tsx
+++ b/app/soapbox/components/icon-with-counter.tsx
@@ -15,9 +15,9 @@ const IconWithCounter: React.FC<IIconWithCounter> = ({ icon, count, ...rest }) =
       <Icon id={icon} {...rest as IIcon} />
 
       {count > 0 && (
-        <i className='absolute -top-2 -right-2'>
+        <span className='absolute -top-2 -right-2'>
           <Counter count={count} />
-        </i>
+        </span>
       )}
     </div>
   );