From c9127d6cf3bae1838b9814d68e299ba2784eedf6 Mon Sep 17 00:00:00 2001
From: Paul Makles <paulmakles@gmail.com>
Date: Tue, 14 Jun 2022 17:21:52 +0100
Subject: [PATCH] fix(css): please let the torture stop

---
 src/components/navigation/BottomNavigation.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/navigation/BottomNavigation.tsx b/src/components/navigation/BottomNavigation.tsx
index d47b61d6..2daf28a7 100644
--- a/src/components/navigation/BottomNavigation.tsx
+++ b/src/components/navigation/BottomNavigation.tsx
@@ -25,12 +25,18 @@ const Navbar = styled.div`
     height: var(--bottom-navigation-height);
 `;
 
+/**
+ * I've decided that this whole component
+ * needs to be re-written 👍👍👍👍👍👍
+ */
+
 const Button = styled.a<{ active: boolean }>`
     flex: 1;
     color: var(--foreground);
 
-    a {
-        color: inherit !important;
+    // ok
+    * {
+        color: var(--foreground) !important;
     }
 
     > a,
@@ -114,9 +120,7 @@ export default observer(() => {
                         <ConditionalLink
                             active={discoverActive}
                             to="/discover/servers">
-                        
                             <Compass size={24} />
-                        
                         </ConditionalLink>
                     </IconButton>
                 </Button>