Merge pull request #611 from cisagov/610-scrolling-functionality-on-m…

…ost-common-vulnerabilities-table-crasm-605 Resolved lack of scroll in VulnerabilityCard
cisagov · Sep 18, 2024 · adc83bd · adc83bd
2 parents 7d07e53 + fb2790c
commit adc83bd
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/frontend/src/pages/Risk/VulnerabilityCard.tsx b/frontend/src/pages/Risk/VulnerabilityCard.tsx
@@ -56,9 +56,8 @@ const VulnerabilityCard = (props: {
     title: string
   ) => history.push(filteredVulnTableLink, { title: title });
 
-  const vulnerabilityGridContent = data.slice(0, 4).map((vuln) => {
-    const filteredVulnTableLink =
-      '/inventory/vulnerabilities?sort=createdAt&desc=false';
+  const vulnerabilityGridContent = data.slice(0, 10).map((vuln) => {
+    const filteredVulnTableLink = '/inventory/vulnerabilities';
     const ariaLabel = `Details link to the vulnerabilities table filtered to ${vuln.title}.`;
     const onRowKeyDown = (event: React.KeyboardEvent) => {
       if (event.key === 'Enter' || event.key === ' ') {

diff --git a/frontend/src/pages/Risk/style.ts b/frontend/src/pages/Risk/style.ts
@@ -62,7 +62,7 @@ export const RiskRoot = styled('div')(({ theme }) => ({
     '& h3': {
       textAlign: 'center'
     },
-    overflow: 'hidden'
+    overflow: 'auto'
   },
   [`& .${classesRisk.chartSmall}`]: {
     height: '85%'