From 4ead12d39d5784c4c81ee616afeff4a92e8d2781 Mon Sep 17 00:00:00 2001
From: akash-moradiya <akash.moradiya@smallest.ai>
Date: Wed, 22 Apr 2026 20:53:12 +0530
Subject: [PATCH] fix: date range picker layout shift

---
 apps/dashboard/components/date-range-picker.tsx | 6 +++++-
 apps/dashboard/components/ds/popover.tsx        | 9 ++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/apps/dashboard/components/date-range-picker.tsx b/apps/dashboard/components/date-range-picker.tsx
index a29286fa1..51f68d2e7 100644
--- a/apps/dashboard/components/date-range-picker.tsx
+++ b/apps/dashboard/components/date-range-picker.tsx
@@ -209,7 +209,11 @@ export function DateRangePicker({
 					<span className="truncate">{formatDisplayRange(value)}</span>
 				</Popover.Trigger>
 
-				<Popover.Content className="w-auto overflow-hidden p-0" side="bottom">
+				<Popover.Content
+					className="w-auto overflow-hidden p-0"
+					disableAnchorTracking
+					side="bottom"
+				>
 					<div className="flex">
 						<div className="hidden w-36 shrink-0 border-border/60 border-r sm:block">
 							<div className="p-1.5">
diff --git a/apps/dashboard/components/ds/popover.tsx b/apps/dashboard/components/ds/popover.tsx
index 8d75aa622..2b3ffcc53 100644
--- a/apps/dashboard/components/ds/popover.tsx
+++ b/apps/dashboard/components/ds/popover.tsx
@@ -32,13 +32,20 @@ function Content({
 	className,
 	children,
 	side = "bottom",
+	disableAnchorTracking = false,
 	...rest
 }: ComponentPropsWithoutRef<typeof BasePopover.Popup> & {
 	side?: ComponentPropsWithoutRef<typeof BasePopover.Positioner>["side"];
+	disableAnchorTracking?: boolean;
 }) {
 	return (
 		<BasePopover.Portal>
-			<BasePopover.Positioner className="z-50" side={side} sideOffset={6}>
+			<BasePopover.Positioner
+				className="z-50"
+				disableAnchorTracking={disableAnchorTracking}
+				side={side}
+				sideOffset={6}
+			>
 				<BasePopover.Popup
 					className={cn(
 						"w-72 max-w-[calc(100vw-1rem)] rounded-lg border border-border/60 bg-popover p-4",