From e48a48989289fb50a448bbaf7cb0da57c5ca3cf7 Mon Sep 17 00:00:00 2001
From: wendrul <53628737+wendrul@users.noreply.github.com>
Date: Wed, 14 Jan 2026 15:52:52 +0100
Subject: [PATCH] fix: remove audit logs page overflow scrollbars (#7572)

---
 .../auditLogs/AuditLogsFilters.svelte         | 22 ++++++++-----------
 .../(root)/(logged)/audit_logs/+page.svelte   |  2 +-
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/frontend/src/lib/components/auditLogs/AuditLogsFilters.svelte b/frontend/src/lib/components/auditLogs/AuditLogsFilters.svelte
index c742d8c172..3caa73832f 100644
--- a/frontend/src/lib/components/auditLogs/AuditLogsFilters.svelte
+++ b/frontend/src/lib/components/auditLogs/AuditLogsFilters.svelte
@@ -295,9 +295,9 @@
 	})
 </script>
 
-<div class="flex flex-col items-center gap-10 2xl:gap-1 2xl:flex-row mt-4 xl:mt-0">
+<div class="flex flex-col items-center gap-2 2xl:flex-row mt-4 xl:mt-0 pr-2">
 	{#if $workspaceStore == 'admins'}
-		<div class="flex gap-1 relative w-full">
+		<div class="flex gap-1 relative">
 			<span class="text-xs absolute font-semibold text-emphasis -top-4">Scope</span>
 			<ToggleButtonGroup
 				selected={scope ?? 'admins'}
@@ -328,7 +328,7 @@
 			</ToggleButtonGroup>
 		</div>
 	{/if}
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">From</span>
 		<input type="text" value={after ?? 'From'} disabled />
 		<CalendarPicker
@@ -344,7 +344,7 @@
 			}}
 		/>
 	</div>
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">To</span>
 		<input type="text" value={before ?? 'To'} disabled />
 		<CalendarPicker
@@ -361,11 +361,10 @@
 		/>
 	</div>
 
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Username</span>
 		<Select
 			bind:value={username}
-			class="w-full"
 			RightIcon={ChevronDown}
 			items={usernames
 				? [
@@ -381,7 +380,7 @@
 				: []}
 		/>
 	</div>
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Resource</span>
 
 		<Select
@@ -391,11 +390,10 @@
 			items={safeSelectItems(['all', ...(resources.value ?? [])])}
 			inputClass="dark:!bg-gray-700"
 			RightIcon={ChevronDown}
-			class="w-full"
 		/>
 	</div>
 
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Operation</span>
 
 		<Select
@@ -403,15 +401,13 @@
 			items={['all', ...Object.values(operations)].map((r) => ({ value: r, label: r }))}
 			inputClass="dark:!bg-gray-700"
 			RightIcon={ChevronDown}
-			class="w-full"
 		/>
 	</div>
 
-	<div class="flex gap-1 relative w-full">
+	<div class="flex relative">
 		<span class="text-xs absolute font-semibold text-emphasis -top-4">Action</span>
 
 		<Select
-			class="w-full"
 			bind:value={actionKind}
 			RightIcon={ChevronDown}
 			items={[
@@ -424,7 +420,7 @@
 		/>
 	</div>
 
-	<div class="flex flex-row gap-1">
+	<div class="flex flex-row">
 		<Button
 			variant="subtle"
 			on:click={() => {
diff --git a/frontend/src/routes/(root)/(logged)/audit_logs/+page.svelte b/frontend/src/routes/(root)/(logged)/audit_logs/+page.svelte
index 0faa592b3c..601494c292 100644
--- a/frontend/src/routes/(root)/(logged)/audit_logs/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/audit_logs/+page.svelte
@@ -149,7 +149,7 @@
 				/>
 			{/if}
 		</div>
-		<div class="flex-grow w-full">
+		<div class="flex-grow w-full min-h-0">
 			<div class="px-2">
 				{#if !$enterpriseLicense || $enterpriseLicense.endsWith('_pro')}
 					<Alert title="Redacted audit logs" type="warning">