diff --git a/src/frontend/src/components/cardComponent/index.tsx b/src/frontend/src/components/cardComponent/index.tsx
index 20c52889e..6d919fcd8 100644
--- a/src/frontend/src/components/cardComponent/index.tsx
+++ b/src/frontend/src/components/cardComponent/index.tsx
@@ -32,7 +32,7 @@ export const CardComponent = ({
             <span
               className={
                 "rounded-full w-7 h-7 flex items-center justify-center text-2xl " +
-                gradients[parseInt(flow.id.slice(0, 6), 30) % gradients.length]
+                gradients[parseInt(flow.id.slice(0, 12), 16) % gradients.length]
               }
             ></span>
             <span className="flex-1 w-full inline-block truncate-doubleline break-words">{flow.name}</span>
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 417927465..8859b3050 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -214,24 +214,6 @@ export const gradients = [
   "bg-gradient-to-br from-rose-400 via-fuchsia-500 to-indigo-500",
   "bg-gradient-to-br from-sky-400 to-blue-500",
 
-  // copilot generated:
-  // "bg-gradient-to-br from-gray-800 via-rose-700 to-violet-900",
-  // "bg-gradient-to-br from-green-200 via-green-300 to-blue-500",
-  // "bg-gradient-to-br from-yellow-200 via-yellow-400 to-yellow-700",
-  // "bg-gradient-to-br from-green-200 via-green-400 to-purple-700",
-  // "bg-gradient-to-br from-blue-100 via-blue-300 to-blue-500",
-  // "bg-gradient-to-br from-purple-400 to-yellow-400",
-  // "bg-gradient-to-br from-red-800 via-yellow-600 to-yellow-500",
-  // "bg-gradient-to-br from-blue-300 via-green-200 to-yellow-300",
-  // "bg-gradient-to-br from-blue-700 via-blue-800 to-gray-900",
-  // "bg-gradient-to-br from-green-300 to-purple-400",
-  // "bg-gradient-to-br from-yellow-200 via-pink-200 to-pink-400",
-  // "bg-gradient-to-br from-green-500 to-green-700",
-  // "bg-gradient-to-br from-rose-400 via-fuchsia-500 to-indigo-500",
-  // "bg-gradient-to-br from-sky-400 to-blue-500",
-  // "bg-gradient-to-br from-gray-800 via-rose-700 to-violet-900",
-  // "bg-gradient-to-br from-green-200 via-green-300 to-blue-500",
-  // "bg-gradient-to-br from-yellow-200 via-yellow-400 to-yellow-700",
 ];
 
 export const bgColors = {