From 52b5d5fdc66ec3aa0fd30c4c11f23cb1e76aea7c Mon Sep 17 00:00:00 2001
From: Danielle Maywood <danielle@themaywoods.com>
Date: Thu, 26 Mar 2026 16:36:51 +0000
Subject: [PATCH] fix(site): match date range picker button height on template
 insights page (#23667)

---
 .../components/DateRangePicker/DateRangePicker.tsx         | 6 ++++--
 .../TemplateInsightsPage/TemplateInsightsPage.tsx          | 7 ++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/site/src/pages/AgentsPage/components/DateRangePicker/DateRangePicker.tsx b/site/src/pages/AgentsPage/components/DateRangePicker/DateRangePicker.tsx
index c6e1d649e7..2f7e6bd0d3 100644
--- a/site/src/pages/AgentsPage/components/DateRangePicker/DateRangePicker.tsx
+++ b/site/src/pages/AgentsPage/components/DateRangePicker/DateRangePicker.tsx
@@ -9,7 +9,7 @@ import { CalendarIcon, MoveRightIcon } from "lucide-react";
 import { type FC, useState } from "react";
 import type { DateRange as DayPickerDateRange } from "react-day-picker";
 import { cn } from "utils/cn";
-import { Button } from "#/components/Button/Button";
+import { Button, type ButtonProps } from "#/components/Button/Button";
 import {
 	Popover,
 	PopoverContent,
@@ -82,6 +82,7 @@ interface DateRangePickerProps {
 	onChange: (value: DateRangeValue) => void;
 	now?: Date;
 	presets?: DateRangePreset[];
+	size?: ButtonProps["size"];
 }
 
 /**
@@ -119,6 +120,7 @@ export const DateRangePicker: FC<DateRangePickerProps> = ({
 	onChange,
 	now,
 	presets,
+	size = "sm",
 }) => {
 	const [open, setOpen] = useState(false);
 	const currentTime = now ?? new Date();
@@ -173,7 +175,7 @@ export const DateRangePicker: FC<DateRangePickerProps> = ({
 	return (
 		<Popover open={open} onOpenChange={handleOpenChange}>
 			<PopoverTrigger asChild>
-				<Button variant="outline" size="sm">
+				<Button variant="outline" size={size}>
 					<CalendarIcon className="size-4 text-content-secondary" />
 					<span>{dayjs(value.startDate).format("MMM D, YYYY")}</span>
 					<MoveRightIcon className="size-3.5 text-content-secondary" />
diff --git a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
index 444b5a10f1..94c5a70d9d 100644
--- a/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
+++ b/site/src/pages/TemplatePage/TemplateInsightsPage/TemplateInsightsPage.tsx
@@ -167,7 +167,12 @@ export const TemplateInsightsControls: FC<TemplateInsightsControlsProps> = ({
 				}}
 			/>
 			{interval === "day" ? (
-				<DailyPicker value={dateRange} onChange={setDateRange} now={now} />
+				<DailyPicker
+					value={dateRange}
+					onChange={setDateRange}
+					now={now}
+					size="lg"
+				/>
 			) : (
 				<WeekPicker value={dateRange} onChange={setDateRange} />
 			)}