From c636c23843a05ed8138632455c6208d786d7daa1 Mon Sep 17 00:00:00 2001
From: Julian Kepka <julian.kepka@l3montree.com>
Date: Fri, 13 Feb 2026 17:49:52 +0100
Subject: [PATCH] fix sortingcaret for dependency table

---
 .../[assetVersionSlug]/dependency-risks/page.tsx   |  2 +-
 src/components/common/SortingCaret.tsx             | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 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 bc0a5b6d..9f55e413 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
@@ -353,7 +353,7 @@ const Index: FunctionComponent = () => {
                 <colgroup>
                   <col className="w-auto" />
                   <col className="w-[160px]" />
-                  <col className="w-[110px]" />
+                  <col className="w-[130px]" />
                   <col className="w-[220px]" />
                 </colgroup>
                 <thead className="border-b bg-card text-foreground sticky top-0 z-10">
diff --git a/src/components/common/SortingCaret.tsx b/src/components/common/SortingCaret.tsx
index dec12e81..5f9940bc 100644
--- a/src/components/common/SortingCaret.tsx
+++ b/src/components/common/SortingCaret.tsx
@@ -1,4 +1,10 @@
-import { ChevronUpIcon } from "@heroicons/react/24/outline";
+import {
+  ChevronUpIcon,
+  ArrowsUpDownIcon,
+  ArrowUpIcon,
+  ArrowDownIcon,
+} from "@heroicons/react/24/outline";
+import { Arrow } from "@radix-ui/react-tooltip";
 import React, { FunctionComponent } from "react";
 
 interface Props {
@@ -8,11 +14,11 @@ interface Props {
 const SortingCaret: FunctionComponent<Props> = ({ sortDirection }) => {
   switch (sortDirection) {
     case false:
-      return null;
+      return <ArrowsUpDownIcon className="black h-4 w-4 opacity-30" />;
     case "asc":
-      return <ChevronUpIcon className="black h-4 w-4" />;
+      return <ArrowUpIcon className="black h-4 w-4" />;
     case "desc":
-      return <ChevronUpIcon className="black h-4 w-4 rotate-180 transform" />;
+      return <ArrowDownIcon className="black h-4 w-4" />;
   }
 };