Make dropdown menu in welcome page in a center position (react dashboard)

GitOrigin-RevId: c9c68d41dd00208ddde3400ed04f9fe3425a5613

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

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