From ad9da31252de27000ca420517f0734d190b063c2 Mon Sep 17 00:00:00 2001
From: Eric Mc Sween <5454374+emcsween@users.noreply.github.com>
Date: Mon, 8 Jun 2026 15:09:04 -0400
Subject: [PATCH] Merge pull request #34383 from
 overleaf/em-fix-new-project-dropdown-alignment

Fix "New project" dropdown shifting to viewport edge in library layout

GitOrigin-RevId: f6b8af3e4d15828847ff69423a1c475efd2e32a9
---
 .../features/project-list/components/new-project-button.tsx   | 4 ++++
 .../features/project-list/components/project-list-ds-nav.tsx  | 1 +
 2 files changed, 5 insertions(+)

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 6f34d3049e..2fc07f17b7 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
@@ -17,6 +17,7 @@ import {
   DropdownMenu,
   DropdownToggle,
 } from '@/shared/components/dropdown/dropdown-menu'
+import type { DropdownProps } from '@/shared/components/types/dropdown-menu-props'
 import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
 import type { PortalTemplate } from '../../../../../types/portal-template'
 import { useFeatureFlag } from '@/shared/context/split-test-context'
@@ -45,6 +46,7 @@ type NewProjectButtonProps = {
   className?: string
   trackingKey?: string
   showAddAffiliationWidget?: boolean
+  align?: DropdownProps['align']
 }
 
 function NewProjectButton({
@@ -53,6 +55,7 @@ function NewProjectButton({
   className,
   trackingKey,
   showAddAffiliationWidget,
+  align,
 }: NewProjectButtonProps) {
   const { t } = useTranslation()
   const { templateLinks } = getMeta('ol-ExposedSettings')
@@ -174,6 +177,7 @@ function NewProjectButton({
   return (
     <>
       <Dropdown
+        align={align}
         className={classnames('new-project-dropdown', className)}
         onSelect={handleMainButtonClick}
         onToggle={nextShow => {
diff --git a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
index a558bdd6ac..260145e013 100644
--- a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
+++ b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
@@ -137,6 +137,7 @@ export function ProjectListDsNav() {
                         <NewProjectButton
                           id="new-project-button-projects-table"
                           showAddAffiliationWidget
+                          align="end"
                         />
                       </OLCol>
                     )}