From b64ab3dac2e2127afc00d10336ec727f389c2f57 Mon Sep 17 00:00:00 2001
From: gearnode <bryan@frimin.fr>
Date: Mon, 17 Mar 2025 19:22:48 +0100
Subject: [PATCH] Fix random order on framework overview

Signed-off-by: gearnode <bryan@frimin.fr>
---
 apps/console/src/pages/FrameworkOverviewPage.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/console/src/pages/FrameworkOverviewPage.tsx b/apps/console/src/pages/FrameworkOverviewPage.tsx
index 91009e3aa..780d658bc 100644
--- a/apps/console/src/pages/FrameworkOverviewPage.tsx
+++ b/apps/console/src/pages/FrameworkOverviewPage.tsx
@@ -68,14 +68,14 @@ function FrameworkOverviewPageContent({
     return acc;
   }, {} as Record<string, typeof controls>);
 
-  const controlCards = Object.entries(controlsByCategory).map(
-    ([category, controls]) => ({
+  const controlCards = Object.entries(controlsByCategory)
+    .sort(([categoryA], [categoryB]) => categoryA.localeCompare(categoryB))
+    .map(([category, controls]) => ({
       title: category,
       controls,
       completed: controls.filter((c) => c?.state === "IMPLEMENTED").length,
       total: controls.length,
-    })
-  );
+    }));
 
   const totalImplemented = controls.filter(
     (c) => c?.state === "IMPLEMENTED"