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} />}
   />
 );