diff --git a/frontend/src/lib/components/DisplayResult.svelte b/frontend/src/lib/components/DisplayResult.svelte
index 8e1608288a..ae63904224 100644
--- a/frontend/src/lib/components/DisplayResult.svelte
+++ b/frontend/src/lib/components/DisplayResult.svelte
@@ -544,19 +544,14 @@
 						</a>
 					</div>
 
-					<div class="my-4">
-						<Alert size="xs" title="Large file detected" type="warning">
-							We recommend using persistent storage for large data files.
-							<a
-								href="https://www.windmill.dev/docs/core_concepts/persistent_storage#large-data-files-s3-r2-minio-azure-blob"
-								target="_blank"
-								rel="noreferrer"
-								class="hover:underline"
-							>
-								See docs for setting up an object storage service integration using s3 or any other
-								s3 compatible services
-							</a>
-						</Alert>
+					<div class="mt-1 mb-2">
+						<Alert
+							size="xs"
+							title="Large file detected"
+							type="warning"
+							tooltip="We recommend using persistent storage for large data files. See docs for setting up an object storage service integration using s3 or any other s3 compatible services."
+							documentationLink="https://www.windmill.dev/docs/core_concepts/persistent_storage#large-data-files-s3-r2-minio-azure-blob"
+						/>
 					</div>
 					{#if result && result != 'WINDMILL_TOO_BIG'}
 						<ObjectViewer json={result} />