From de97ef98c0c4b61b048f2cd196d2c2bc1133662b Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Thu, 2 Feb 2023 10:18:28 -0700
Subject: [PATCH] Make dropdown menu in welcome page in a center position
 (react dashboard)

GitOrigin-RevId: c9c68d41dd00208ddde3400ed04f9fe3425a5613
---
 .../features/project-list/components/new-project-button.tsx   | 4 +++-
 .../js/features/project-list/components/welcome-message.tsx   | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/project-list/components/new-project-button.tsx b/services/web/frontend/js/features/project-list/components/new-project-button.tsx
index 0e937caa1b..d243153992 100644
--- a/services/web/frontend/js/features/project-list/components/new-project-button.tsx
+++ b/services/web/frontend/js/features/project-list/components/new-project-button.tsx
@@ -30,6 +30,7 @@ type NewProjectButtonProps = {
   id: string
   buttonText?: string
   className?: string
+  menuClassName?: string
   trackingKey?: string
 }
 
@@ -37,6 +38,7 @@ function NewProjectButton({
   id,
   buttonText,
   className,
+  menuClassName,
   trackingKey,
 }: NewProjectButtonProps) {
   const { t } = useTranslation()
@@ -146,7 +148,7 @@ function NewProjectButton({
         >
           {buttonText || t('new_project')}
         </Dropdown.Toggle>
-        <Dropdown.Menu>
+        <Dropdown.Menu className={menuClassName}>
           <MenuItem
             onClick={e =>
               handleModalMenuClick(e, {
diff --git a/services/web/frontend/js/features/project-list/components/welcome-message.tsx b/services/web/frontend/js/features/project-list/components/welcome-message.tsx
index 0f7989f7dc..b59ceb782f 100644
--- a/services/web/frontend/js/features/project-list/components/welcome-message.tsx
+++ b/services/web/frontend/js/features/project-list/components/welcome-message.tsx
@@ -38,6 +38,7 @@ export default function WelcomeMessage() {
             <div className="dropdown minimal-create-proj-dropdown">
               <NewProjectButton
                 id="new-project-button-welcome"
+                menuClassName="minimal-create-proj-dropdown-menu"
                 buttonText={t('create_first_project')}
                 trackingKey="welcome-page-create-first-project-click"
               />