Fix browser specific styling on some elements (#1637)

Co-authored-by: Alex van Andel <me@alexvanandel.com>

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",

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>