From dfb5e7f41b52048fa58dd30d3496b4cddd03006b Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Fri, 1 Apr 2022 20:41:00 -0500
Subject: [PATCH] SidebarNavigationLink: set parent height for before svg is
 loaded

---
 .../components/sidebar-navigation-link.tsx     | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

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>