From 78214067cbb20aa388b606e9d325f2566da3de34 Mon Sep 17 00:00:00 2001
From: Arjun Komath <arjunkomath@gmail.com>
Date: Mon, 13 Jul 2026 18:45:26 +1000
Subject: [PATCH] Widen metrics period selector

---
 .../service/details/service-metrics-page.tsx          | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/components/service/details/service-metrics-page.tsx b/web/components/service/details/service-metrics-page.tsx
index 98b3373..538f4be 100644
--- a/web/components/service/details/service-metrics-page.tsx
+++ b/web/components/service/details/service-metrics-page.tsx
@@ -53,10 +53,17 @@ export function ServiceMetricsPage() {
 		<div className="space-y-4">
 			<div className="flex justify-end">
 				<DropdownMenu>
-					<DropdownMenuTrigger render={<Button variant="outline" />}>
+					<DropdownMenuTrigger
+						render={
+							<Button
+								variant="outline"
+								className="min-w-44 justify-between whitespace-nowrap"
+							/>
+						}
+					>
 						{LABELS[range]} <ChevronDown className="size-4" />
 					</DropdownMenuTrigger>
-					<DropdownMenuContent align="end">
+					<DropdownMenuContent align="end" className="min-w-44">
 						<DropdownMenuRadioGroup
 							value={range}
 							onValueChange={(value) => setRange(value as typeof range)}