From 02bc13e70b5be9c138fb3ac39caeb02c9fb10ae0 Mon Sep 17 00:00:00 2001
From: "flamingo[bot]" <277372822+flamingo[bot]@users.noreply.github.com>
Date: Mon, 14 Sep 2026 07:00:22 +0000
Subject: [PATCH] fix(FLEETMDM-010-2): Brave icon reuses the same
 uniqueId-generated variable name for two distinct linearGradient defs,
 causing duplicate 'id' attributes in the DOM

---
 frontend/pages/SoftwarePage/components/icons/Brave.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/SoftwarePage/components/icons/Brave.tsx b/frontend/pages/SoftwarePage/components/icons/Brave.tsx
index ea780aedd9f..0678d448406 100644
--- a/frontend/pages/SoftwarePage/components/icons/Brave.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Brave.tsx
@@ -5,6 +5,7 @@ import type { SVGProps } from "react";
 const Brave = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   const fillPathId = uniqueId("fill-path-");
+  const fillPathId2 = uniqueId("fill-path-");
   return (
     <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <rect width="32" height="32" fill="white" />
@@ -23,7 +24,7 @@ const Brave = (props: SVGProps<SVGSVGElement>) => {
         />
         <path
           d="M22.0823 5.82772L19.8724 3.31738H15.9915H12.1106L9.90071 5.82772C9.90071 5.82772 7.96028 5.28804 7.04396 6.2055C7.04396 6.2055 9.6312 5.97166 10.5206 7.41979C10.5206 7.41979 12.9192 7.87852 13.2426 7.87852C13.566 7.87852 14.2667 7.60868 14.9135 7.3928C15.5603 7.17693 15.9915 7.17537 15.9915 7.17537C15.9915 7.17537 16.4227 7.17693 17.0695 7.3928C17.7163 7.60868 18.4171 7.87852 18.7405 7.87852C19.0639 7.87852 21.4625 7.41979 21.4625 7.41979C22.3518 5.97166 24.9391 6.2055 24.9391 6.2055C24.0228 5.28804 22.0823 5.82772 22.0823 5.82772Z"
-          fill={`url(#${fillPathId})`}
+          fill={`url(#${fillPathId2})`}
         />
       </g>
       <defs>
@@ -41,7 +42,7 @@ const Brave = (props: SVGProps<SVGSVGElement>) => {
           <stop offset="1" stopColor="#FF2000" />
         </linearGradient>
         <linearGradient
-          id={fillPathId}
+          id={fillPathId2}
           x1="45.4905"
           y1="234.592"
           x2="1796.55"