From 2079199babec8f1a0ffa19e62379d8bdaf1880d1 Mon Sep 17 00:00:00 2001
From: Xavier B <facedepete@live.ca>
Date: Sat, 29 Jan 2022 13:32:41 -0500
Subject: [PATCH] Fix browser specific styling on some elements (#1637)

Co-authored-by: Alex van Andel <me@alexvanandel.com>
---
 components/Shell.tsx        | 2 +-
 pages/event-types/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Shell.tsx b/components/Shell.tsx
index 1731c772..fba7391a 100644
--- a/components/Shell.tsx
+++ b/components/Shell.tsx
@@ -370,7 +370,7 @@ function UserDropdown({ small }: { small?: boolean }) {
   return (
     <Dropdown>
       <DropdownMenuTrigger asChild>
-        <div className="flex items-center w-full space-x-2 cursor-pointer group">
+        <div className="flex items-center w-full space-x-2 cursor-pointer group appearance-none">
           <span
             className={classNames(
               small ? "w-8 h-8" : "w-10 h-10",
diff --git a/pages/event-types/index.tsx b/pages/event-types/index.tsx
index f1285575..b03f06eb 100644
--- a/pages/event-types/index.tsx
+++ b/pages/event-types/index.tsx
@@ -157,7 +157,7 @@ const EventTypeList = ({ readOnly, types, profile }: EventTypeListProps): JSX.El
                         href={`${process.env.NEXT_PUBLIC_APP_URL}/${profile.slug}/${type.slug}`}
                         target="_blank"
                         rel="noreferrer"
-                        className="btn-icon">
+                        className="btn-icon appearance-none">
                         <ExternalLinkIcon className="w-5 h-5 group-hover:text-black" />
                       </a>
                     </Tooltip>