diff --git a/src/components/common/AutoComplete.tsx b/src/components/common/AutoComplete.tsx
index ea978e123edfbe10e0794a7ff7590315a1d2a450..fe53d4ab029ec8f9b73dd8daf0e4445509460224 100644
--- a/src/components/common/AutoComplete.tsx
+++ b/src/components/common/AutoComplete.tsx
@@ -359,6 +359,7 @@ const Base = styled.div<{ detached?: boolean }>`
         background: transparent;
         color: var(--foreground);
         width: calc(100% - 12px);
+        font-family: inherit;
 
         span {
             display: grid;
diff --git a/src/components/navigation/BottomNavigation.tsx b/src/components/navigation/BottomNavigation.tsx
index 5995c2f53e84ded0bb16cb6f517ba2fe1d726a2d..26211e0482146cb968d16776df006007324fd604 100644
--- a/src/components/navigation/BottomNavigation.tsx
+++ b/src/components/navigation/BottomNavigation.tsx
@@ -1,4 +1,5 @@
-import { Message, Group } from "@styled-icons/boxicons-solid";
+import { Message, Group, Inbox } from "@styled-icons/boxicons-solid";
+import { At } from "@styled-icons/boxicons-regular";
 import { useHistory, useLocation } from "react-router";
 import styled, { css } from "styled-components";
 
@@ -78,6 +79,13 @@ export function BottomNavigation({ lastOpened }: Props) {
                     </IconButton>
                 </ConditionalLink>
             </Button>
+            {/*<Button active={friendsActive}>
+                <ConditionalLink active={friendsActive} to="/friends">
+                    <IconButton>
+                        <Inbox size={25} />
+                    </IconButton>
+                </ConditionalLink>
+            </Button>*/}
             <Button active={settingsActive}>
                 <ConditionalLink active={settingsActive} to="/settings">
                     <IconButton>