From 2f60013935d7490e7a72450501c75a0909aa20b5 Mon Sep 17 00:00:00 2001
From: nizune <9-nizune@users.noreply.gitlab.insrt.uk>
Date: Thu, 8 Jul 2021 19:17:54 +0200
Subject: [PATCH] Fix: Set font-family: inherit on auto-complete

---
 src/components/common/AutoComplete.tsx         |  1 +
 src/components/navigation/BottomNavigation.tsx | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/common/AutoComplete.tsx b/src/components/common/AutoComplete.tsx
index ea978e12..fe53d4ab 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 5995c2f5..26211e04 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>