From 4591762163ffb4c9d89476e6b856f901d74cffc1 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Thu, 14 Aug 2025 20:42:02 +0000
Subject: [PATCH] Fix three-dot dropdown alignment on dashboard metric cards

- Change align prop from 'center' to 'start' in MetricCardThreeMenuContainer
- This aligns the dropdown to the left/start edge instead of center
- Addresses BUS-1655: Top align three dot dropdown menu on dashboard cards

Co-Authored-By: nate@buster.so <nate@buster.so>
---
 .../src/components/ui/metric/MetricCardThreeMenuContainer.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/ui/metric/MetricCardThreeMenuContainer.tsx b/apps/web/src/components/ui/metric/MetricCardThreeMenuContainer.tsx
index a79c90c84..c8285e003 100644
--- a/apps/web/src/components/ui/metric/MetricCardThreeMenuContainer.tsx
+++ b/apps/web/src/components/ui/metric/MetricCardThreeMenuContainer.tsx
@@ -26,7 +26,7 @@ export const MetricCardThreeMenuContainer = ({
         isOpen && 'pointer-events-auto block',
         className
       )}>
-      <Dropdown items={dropdownItems} side="left" align="center" onOpenChange={setIsOpen}>
+      <Dropdown items={dropdownItems} side="left" align="start" onOpenChange={setIsOpen}>
         {children}
       </Dropdown>
     </div>