From fed923779efa7bfcf4565e74bffeae60e2413919 Mon Sep 17 00:00:00 2001
From: srivtx <crypticcc101@gmail.com>
Date: Fri, 2 Jan 2026 05:05:25 +0530
Subject: [PATCH] fix: remove z-40 causing time range picker to overlap in
 audit log export

Fixes #5394 - The Time Range selector was detaching from its position and
floating at the top when scrolling to Advanced Options during Audit Log Export.

Removed z-40 from the calendar button elements as the high z-index was
unnecessary and caused the overlap issue.
---
 .../lib/components/admin/audit-logs/AuditLogCalendar.svelte   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/user/src/lib/components/admin/audit-logs/AuditLogCalendar.svelte b/ui/user/src/lib/components/admin/audit-logs/AuditLogCalendar.svelte
index fc78bbad0e..af6e26826d 100644
--- a/ui/user/src/lib/components/admin/audit-logs/AuditLogCalendar.svelte
+++ b/ui/user/src/lib/components/admin/audit-logs/AuditLogCalendar.svelte
@@ -111,7 +111,7 @@
 <div class="flex w-full md:max-w-fit">
 	<button
 		type="button"
-		class="dark:border-surface3 dark:hover:bg-surface2/70 dark:active:bg-surface2 dark:bg-surface1 hover:bg-surface1/70 active:bg-surface1 bg-background relative z-40 flex min-h-12.5 flex-1 flex-shrink-0 items-center gap-2 truncate rounded-l-lg border border-r-0 border-transparent px-2 text-sm shadow-sm transition-colors duration-200 disabled:opacity-50"
+		class="dark:border-surface3 dark:hover:bg-surface2/70 dark:active:bg-surface2 dark:bg-surface1 hover:bg-surface1/70 active:bg-surface1 bg-background relative flex min-h-12.5 flex-1 flex-shrink-0 items-center gap-2 truncate rounded-l-lg border border-r-0 border-transparent px-2 text-sm shadow-sm transition-colors duration-200 disabled:opacity-50"
 		{disabled}
 		use:refAction
 		onclick={() => {
@@ -180,7 +180,7 @@
 
 	<Calendar
 		compact
-		class="dark:border-surface3 hover:bg-surface1 dark:hover:bg-surface3 dark:bg-surface1 bg-background relative z-40 flex min-h-12.5 flex-shrink-0 items-center gap-2 truncate rounded-none rounded-r-lg border border-transparent px-4 text-sm shadow-sm"
+		class="dark:border-surface3 hover:bg-surface1 dark:hover:bg-surface3 dark:bg-surface1 bg-background relative flex min-h-12.5 flex-shrink-0 items-center gap-2 truncate rounded-none rounded-r-lg border border-transparent px-4 text-sm shadow-sm"
 		initialValue={{
 			start: new Date(start),
 			end: end ? new Date(end) : null