From bd39b76799eab2258fc8702e854d79117120b6b5 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 10 Apr 2022 12:25:53 -0500
Subject: [PATCH] SvgIcon: pass className to loader

---
 app/soapbox/components/sidebar-navigation-link.tsx | 2 +-
 app/soapbox/components/ui/icon/svg-icon.tsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/components/sidebar-navigation-link.tsx b/app/soapbox/components/sidebar-navigation-link.tsx
index 2a31f5000..bd0567c03 100644
--- a/app/soapbox/components/sidebar-navigation-link.tsx
+++ b/app/soapbox/components/sidebar-navigation-link.tsx
@@ -39,8 +39,8 @@ const SidebarNavigationLink = ({ icon, text, to, count }: ISidebarNavigationLink
 
         <Icon
           src={icon}
-          size={20}
           className={classNames({
+            'h-5 w-5': true,
             'text-primary-700 dark:text-white': !isActive,
             'text-white': isActive,
           })}
diff --git a/app/soapbox/components/ui/icon/svg-icon.tsx b/app/soapbox/components/ui/icon/svg-icon.tsx
index 7f6f3ef67..55abfe4da 100644
--- a/app/soapbox/components/ui/icon/svg-icon.tsx
+++ b/app/soapbox/components/ui/icon/svg-icon.tsx
@@ -16,7 +16,7 @@ const SvgIcon = ({ src, alt, size = 24, className }: ISvgIcon): JSX.Element => (
     title={alt}
     width={size}
     height={size}
-    loader={<div style={{ width: size, height: size }} />}
+    loader={<svg className={className} width={size} height={size} />}
   />
 );