diff --git a/app/soapbox/components/sidebar-navigation-link.tsx b/app/soapbox/components/sidebar-navigation-link.tsx
index bd0567c03..4d031d5fd 100644
--- a/app/soapbox/components/sidebar-navigation-link.tsx
+++ b/app/soapbox/components/sidebar-navigation-link.tsx
@@ -37,14 +37,16 @@ const SidebarNavigationLink = ({ icon, text, to, count }: ISidebarNavigationLink
           </span>
         ) : null}
 
-        <Icon
-          src={icon}
-          className={classNames({
-            'h-5 w-5': true,
-            'text-primary-700 dark:text-white': !isActive,
-            'text-white': isActive,
-          })}
-        />
+        <div className='h-5 w-5'>
+          <Icon
+            src={icon}
+            className={classNames({
+              'h-full w-full': true,
+              'text-primary-700 dark:text-white': !isActive,
+              'text-white': isActive,
+            })}
+          />
+        </div>
       </span>
 
       <Text weight='semibold' theme='inherit'>{text}</Text>