From fd12fcc4b81846cf80b05fd7d1306135563b9513 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@gmail.com>
Date: Fri, 7 Oct 2022 13:21:49 +0100
Subject: [PATCH] v2 for help dialog (#4901)

---
 packages/features/ee/support/components/HelpMenuItem.tsx | 8 ++++----
 packages/ui/v2/core/Shell.tsx                            | 4 +++-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/features/ee/support/components/HelpMenuItem.tsx b/packages/features/ee/support/components/HelpMenuItem.tsx
index 8d8849fd27..96c4ba384b 100644
--- a/packages/features/ee/support/components/HelpMenuItem.tsx
+++ b/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>
diff --git a/packages/ui/v2/core/Shell.tsx b/packages/ui/v2/core/Shell.tsx
index 6c750303c3..9f405920f2 100644
--- a/packages/ui/v2/core/Shell.tsx
+++ b/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()} />
           ) : (