v2 for help dialog (#4901)

packages/features/ee/support/components/HelpMenuItem.tsx

@@ -5,8 +5,8 @@ import classNames from "@calcom/lib/classNames";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
 import showToast from "@calcom/lib/notification";
 import { trpc } from "@calcom/trpc/react";
-import Button from "@calcom/ui/Button";
 import { Icon } from "@calcom/ui/Icon";
+import Button from "@calcom/ui/v2/core/Button";
 
 import ContactMenuItem from "./ContactMenuItem";
 
@@ -40,7 +40,7 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
   };
 
   return (
-    <div className="w-full border-gray-300 bg-white">
+    <div className="w-full rounded-md border-gray-300 bg-white">
       <div className="w-full py-5">
         <p className="mb-1 px-5 text-neutral-500">{t("resources").toUpperCase()}</p>
         <a
@@ -53,7 +53,7 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
           <Icon.FiExternalLink
             className={classNames(
               "text-neutral-400 group-hover:text-neutral-500",
-              "ml-1 h-5 w-5 flex-shrink-0 ltr:mr-3"
+              "ml-1 mt-px h-4 w-4 flex-shrink-0 ltr:mr-3"
             )}
           />
         </a>
@@ -67,7 +67,7 @@ export default function HelpMenuItem({ onHelpItemSelect }: HelpMenuItemProps) {
           <Icon.FiExternalLink
             className={classNames(
               "text-neutral-400 group-hover:text-neutral-500",
-              "ml-1 h-5 w-5 flex-shrink-0 ltr:mr-3"
+              "ml-1 mt-px h-4 w-4 flex-shrink-0 ltr:mr-3"
             )}
           />
         </a>

packages/ui/v2/core/Shell.tsx

@@ -277,7 +277,9 @@ function UserDropdown({ small }: { small?: boolean }) {
         </button>
       </DropdownMenuTrigger>
       <DropdownMenuPortal>
-        <DropdownMenuContent onInteractOutside={() => setMenuOpen(false)}>
+        <DropdownMenuContent
+          onInteractOutside={() => setMenuOpen(false)}
+          className="overflow-hidden rounded-md">
           {helpOpen ? (
             <HelpMenuItem onHelpItemSelect={() => onHelpItemSelect()} />
           ) : (