diff --git a/src/components/navigation/left/HomeSidebar.tsx b/src/components/navigation/left/HomeSidebar.tsx
index 98cbc6e926a6808092331d9ee739a1a697b54b53..6cfd9a429ba2f41af7212e6add0515125f68a8ab 100644
--- a/src/components/navigation/left/HomeSidebar.tsx
+++ b/src/components/navigation/left/HomeSidebar.tsx
@@ -1,6 +1,6 @@
 import { Localizer, Text } from "preact-i18n";
 import { useContext, useEffect } from "preact/hooks";
-import { Home, Group, Wrench, Save } from "@styled-icons/boxicons-regular";
+import { Home, UserDetail, Wrench, Save } from "@styled-icons/boxicons-solid";
 
 import Category from '../../ui/Category';
 import PaintCounter from "../../../lib/PaintCounter";
@@ -85,7 +85,7 @@ function HomeSidebar(props: Props) {
                                     ) !== "undefined" ? 'unread' : undefined
                                 }
                             >
-                                <Group size={20} />
+                                <UserDetail size={20} />
                                 <span><Text id="app.navigation.tabs.friends" /></span>
                             </ButtonItem>
                         </ConditionalLink>
diff --git a/src/components/ui/Category.tsx b/src/components/ui/Category.tsx
index 7fae78e48d01d5c7184d022ecc9366bab1f6e85f..16c14444015533477b89e07561ab7bc66b3834ba 100644
--- a/src/components/ui/Category.tsx
+++ b/src/components/ui/Category.tsx
@@ -18,7 +18,6 @@ const CategoryBase = styled.div<Pick<Props, 'variant'>>`
     justify-content: space-between;
 
     svg {
-        stroke: var(--foreground);
         cursor: pointer;
     }