From 14e9506b879f2c3c86ad6d1822e341094df4bee4 Mon Sep 17 00:00:00 2001
From: Alan Buscaglia <gentlemanprogramming@gmail.com>
Date: Fri, 5 Dec 2025 13:19:53 +0100
Subject: [PATCH] fix(ui): simplify Risk Score tooltip format

- Remove dotted line separator
- Show percentage inline with Risk Score label
---
 .../graphs-tabs/risk-plot/risk-plot-client.tsx   | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/ui/app/(prowler)/_new-overview/graphs-tabs/risk-plot/risk-plot-client.tsx b/ui/app/(prowler)/_new-overview/graphs-tabs/risk-plot/risk-plot-client.tsx
index b5f77b005a..5ab32d01ad 100644
--- a/ui/app/(prowler)/_new-overview/graphs-tabs/risk-plot/risk-plot-client.tsx
+++ b/ui/app/(prowler)/_new-overview/graphs-tabs/risk-plot/risk-plot-client.tsx
@@ -116,18 +116,12 @@ const CustomTooltip = ({ active, payload }: TooltipProps) => {
         <p className="text-text-neutral-primary mb-2 text-sm font-semibold">
           {data.name}
         </p>
-        <div className="flex items-end gap-1">
-          <p className="text-text-neutral-primary text-xs leading-5 font-medium">
-            Risk Score
-          </p>
-          <div className="border-text-neutral-primary mb-[4px] flex-1 border-b border-dotted" />
-          <p
-            className="text-xs leading-5 font-medium"
-            style={{ color: riskColor }}
-          >
+        <p className="text-text-neutral-secondary text-sm font-medium">
+          <span style={{ color: riskColor, fontWeight: "bold" }}>
             {riskScorePercentage}%
-          </p>
-        </div>
+          </span>{" "}
+          Risk Score
+        </p>
         <div className="mt-2">
           <AlertPill value={data.y} />
         </div>