From a0d87a493dbc972e9dd33801f9ff93da78074eda Mon Sep 17 00:00:00 2001
From: Tim Mulholland <timulhol@microsoft.com>
Date: Tue, 12 Mar 2024 21:31:48 -0700
Subject: [PATCH] Prevent menu button from overflowing bottom of page

---
 src/Aspire.Dashboard/Components/Controls/AspireMenuButton.razor | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Aspire.Dashboard/Components/Controls/AspireMenuButton.razor b/src/Aspire.Dashboard/Components/Controls/AspireMenuButton.razor
index e5bf985f01b..ad2f9bf8b5e 100644
--- a/src/Aspire.Dashboard/Components/Controls/AspireMenuButton.razor
+++ b/src/Aspire.Dashboard/Components/Controls/AspireMenuButton.razor
@@ -17,7 +17,7 @@
         }
     </FluentButton>
 
-    <FluentMenu Anchor="@_buttonId" aria-labelledby="button" @bind-Open="@_visible">
+    <FluentMenu Anchor="@_buttonId" aria-labelledby="button" @bind-Open="@_visible" VerticalThreshold="200">
         @foreach (TItem command in Items)
         {
             <FluentMenuItem OnClick="() => HandleItemClicked(command)">@ItemText(command)</FluentMenuItem>