Update: Changed icon pack to Boxicons

src/components/navigation/left/HomeSidebar.tsx

@@ -1,6 +1,6 @@
 import { Localizer, Text } from "preact-i18n";
 import { useContext, useEffect } from "preact/hooks";
-import { Home, Users, Tool, Save } from "@styled-icons/feather";
+import { Home, Group, Wrench, Save } from "@styled-icons/boxicons-regular";
 
 import Category from '../../ui/Category';
 import PaintCounter from "../../../lib/PaintCounter";
@@ -83,7 +83,7 @@ function HomeSidebar(props: Props) {
                                     ) !== "undefined" ? 'unread' : undefined
                                 }
                             >
-                                <Users size={20} />
+                                <Group size={20} />
                                 <span><Text id="app.navigation.tabs.friends" /></span>
                             </ButtonItem>
                         </ConditionalLink>
@@ -98,7 +98,7 @@ function HomeSidebar(props: Props) {
                 {import.meta.env.DEV && (
                     <Link to="/dev">
                         <ButtonItem active={pathname === "/dev"}>
-                            <Tool size={20} />
+                            <Wrench size={20} />
                             <span><Text id="app.navigation.tabs.dev" /></span>
                         </ButtonItem>
                     </Link>

src/components/navigation/left/ServerListSidebar.tsx

@@ -4,7 +4,7 @@ import { mapChannelWithUnread } from "./common";
 import styled, { css } from "styled-components";
 import ServerIcon from "../../common/ServerIcon";
 import { Children } from "../../../types/Preact";
-import { PlusCircle } from "@styled-icons/feather";
+import { Plus } from "@styled-icons/boxicons-regular";
 import PaintCounter from "../../../lib/PaintCounter";
 import { attachContextMenu } from 'preact-context-menu';
 import { connectState } from "../../../redux/connector";
@@ -51,7 +51,7 @@ function Icon({ children, unread, size }: { children: Children, unread?: 'mentio
 }
 
 const ServersBase = styled.div`
-    width: 52px;
+    width: 72px;
     height: 100%;
     display: flex;
     flex-direction: column;
@@ -183,7 +183,7 @@ export function ServerListSidebar({ unreads, lastOpened }: Props) {
                     })
                 }
                 <IconButton onClick={() => openScreen({ id: 'special_input', type: 'create_server' })}>
-                    <PlusCircle size={36} />
+                    <Plus size={36} />
                 </IconButton>
                 <PaintCounter small />
             </ServerList>