From f6ad38bd3cf67af27ee5d285ed34dee37c953272 Mon Sep 17 00:00:00 2001
From: Nicholas Santi <nicksan222@gmail.com>
Date: Mon, 13 Jul 2026 19:58:35 +0200
Subject: [PATCH] fix: center dependency risk loading spinner

Signed-off-by: Nicholas Santi <nicksan222@gmail.com>
---
 .../refs/[assetVersionSlug]/dependency-risks/page.tsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/refs/[assetVersionSlug]/dependency-risks/page.tsx b/src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/refs/[assetVersionSlug]/dependency-risks/page.tsx
index 003f9038a..6dc0f2a18 100644
--- a/src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/refs/[assetVersionSlug]/dependency-risks/page.tsx
+++ b/src/app/(loading-group)/[organizationSlug]/projects/[projectSlug]/assets/[assetSlug]/refs/[assetVersionSlug]/dependency-risks/page.tsx
@@ -499,15 +499,14 @@ const Index: FunctionComponent = () => {
                 placeholder: "Search or filter results...",
               }}
             />
-            <div className="absolute right-2 top-1/2 -translate-y-1/2 ">
-              {isLoading && (
-                <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
-              )}
-            </div>
           </div>
         </div>
       </Section>
-      {!vulns?.data?.length ? (
+      {isLoading ? (
+        <div className="flex min-h-64 items-center justify-center">
+          <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
+        </div>
+      ) : !vulns?.data?.length ? (
         <div>
           <EmptyParty
             title="No matching results."