Fix card items alignement

Signed-off-by: gearnode <bryan@frimin.fr>

apps/console/src/pages/FrameworkOverviewPage.tsx

@@ -121,14 +121,15 @@ function FrameworkOverviewPageContent({
             key={index}
             className="rounded-xl border border-gray-200 relative"
           >
-            <div className="p-4 rounded-xl">
-              <div className="flex items-center justify-between">
+            <div className="p-4 rounded-xl h-full flex flex-col">
+              <div className="flex items-center h-8">
                 <div className="flex items-center gap-2">
                   <Shield className="w-4 h-4 text-muted-foreground" />
                   <span className="text-sm font-medium">{card.title}</span>
                 </div>
               </div>
-              <div className="mt-4 space-y-2">
+              <div className="mt-4 flex-1 flex flex-col justify-between">
+                <div className="min-h-[40px]">
                   <div className="flex flex-wrap gap-1">
                     {Array(card.total)
                       .fill(0)
@@ -175,12 +176,15 @@ function FrameworkOverviewPageContent({
                         );
                       })}
                   </div>
+                </div>
+                <div className="mt-2">
                   <span className="text-sm text-muted-foreground">
                     {card.completed}/{card.total} Controls validated
                   </span>
                 </div>
               </div>
             </div>
+          </div>
         ))}
       </div>