From 4199060b187d19ab17d085ac5373764dd040f8c3 Mon Sep 17 00:00:00 2001
From: Ishaan Jaff <ishaanjaffer0324@gmail.com>
Date: Sat, 7 Jun 2025 15:33:24 -0700
Subject: [PATCH] (ui) fix, use chevron icon for expand

---
 .../src/components/view_logs/columns.tsx      | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/view_logs/columns.tsx b/ui/litellm-dashboard/src/components/view_logs/columns.tsx
index 8acb3070c4b..78198f871d1 100644
--- a/ui/litellm-dashboard/src/components/view_logs/columns.tsx
+++ b/ui/litellm-dashboard/src/components/view_logs/columns.tsx
@@ -431,10 +431,25 @@ export const auditLogColumns: ColumnDef<AuditLogEntry>[] = [
             aria-label={localExpanded ? "Collapse row" : "Expand row"}
             className="w-6 h-6 flex items-center justify-center focus:outline-none"
           >
-            {localExpanded ? <EyeOff className="w-4 h-4" /> : <Eye className="w-4 h-4" />}
+            <svg
+              className={`w-4 h-4 transform transition-transform ${
+                localExpanded ? 'rotate-90' : ''
+              }`}
+              fill="none"
+              stroke="currentColor"
+              viewBox="0 0 24 24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M9 5l7 7-7 7"
+              />
+            </svg>
           </button>
         ) : (
-          <span className="w-6 h-6 flex items-center justify-center text-gray-300">●</span>
+          <span className="w-6 h-6 flex items-center justify-center">●</span>
         );
       };
       return <ExpanderCell />;