From 52ea7c62bff8b601010d617c97f00f070e72f966 Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam@tlon.io>
Date: Wed, 8 Sep 2021 14:42:06 +1000
Subject: [PATCH] grid: remove native webkit appearance on SystemMenu

---
 pkg/grid/src/nav/SystemMenu.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pkg/grid/src/nav/SystemMenu.tsx b/pkg/grid/src/nav/SystemMenu.tsx
index e42c8f25aa..936e3c052e 100644
--- a/pkg/grid/src/nav/SystemMenu.tsx
+++ b/pkg/grid/src/nav/SystemMenu.tsx
@@ -57,7 +57,7 @@ export const SystemMenu = ({ className, menu, open, navOpen }: SystemMenuProps)
             as={Link}
             to="/system-menu"
             className={classNames(
-              'circle-button default-ring',
+              'appearance-none circle-button default-ring',
               open && 'text-gray-300',
               navOpen &&
                 menu !== 'system-preferences' &&
@@ -66,7 +66,7 @@ export const SystemMenu = ({ className, menu, open, navOpen }: SystemMenuProps)
               className
             )}
           >
-            <Adjust className="w-6 h-6 fill-current" />
+            <Adjust className="w-6 h-6 fill-current text-gray" />
             <span className="sr-only">System Menu</span>
           </DropdownMenu.Trigger>
           <Route path="/system-menu">