Display risk description

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>

apps/console/src/pages/organizations/risks/RiskDetailPage.tsx

@@ -140,8 +140,7 @@ export default function RiskDetailPage(props: Props) {
         )}
       </div>
 
-      <PageHeader title={risk.name} />
-
+      <PageHeader title={risk.name} description={risk.description} />
       <Tabs>
         <TabLink to={`${baseTabUrl}/overview`}>
           {__("Overview")}

apps/console/src/pages/organizations/risks/tabs/RiskOverviewTab.tsx

@@ -22,7 +22,7 @@ export default function RiskOverviewTab() {
 
   const risk = useFragment(overviewFragment, key);
   return (
-    <div className="grid grid-cols-2">
+    <div className="grid grid-cols-2 gap-4">
       <RiskOverview type="inherent" risk={risk} />
       <RiskOverview type="residual" risk={risk} />
     </div>