diff --git a/apps/console/src/pages/organizations/risks/RiskDetailPage.tsx b/apps/console/src/pages/organizations/risks/RiskDetailPage.tsx
index 3a5294eb2..eb78fb1ca 100644
--- a/apps/console/src/pages/organizations/risks/RiskDetailPage.tsx
+++ b/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")}
diff --git a/apps/console/src/pages/organizations/risks/tabs/RiskOverviewTab.tsx b/apps/console/src/pages/organizations/risks/tabs/RiskOverviewTab.tsx
index e7735f792..19d67c750 100644
--- a/apps/console/src/pages/organizations/risks/tabs/RiskOverviewTab.tsx
+++ b/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>