diff --git a/frontend/src/component/project/Project/ProjectStatus/ProjectHealth.tsx b/frontend/src/component/project/Project/ProjectStatus/ProjectHealth.tsx
index b7ba14579cfc..20bcd9174fd9 100644
--- a/frontend/src/component/project/Project/ProjectStatus/ProjectHealth.tsx
+++ b/frontend/src/component/project/Project/ProjectStatus/ProjectHealth.tsx
@@ -28,10 +28,6 @@ const StyledSVG = styled('svg')({
     position: 'absolute',
 });
 
-const StyledLink = styled(Link)(({ theme }) => ({
-    fontSize: theme.typography.body2.fontSize,
-}));
-
 export const ProjectHealth = () => {
     const projectId = useRequiredPathParam('projectId');
     const {
@@ -93,14 +89,14 @@ export const ProjectHealth = () => {
                     </StyledSVG>
                 </SVGWrapper>
                 <TextContainer>
-                    <Typography variant='body2'>
+                    <Typography>
                         On average, your project health has remained at{' '}
                         {averageHealth}% the last 4 weeks
                     </Typography>
                     {!isOss() && (
-                        <StyledLink to='/insights'>
+                        <Link to={`/insights?project=IS%3A${projectId}`}>
                             View health over time
-                        </StyledLink>
+                        </Link>
                     )}
                 </TextContainer>
             </ChartRow>
diff --git a/frontend/src/component/project/Project/ProjectStatus/ProjectLifecycleSummary.tsx b/frontend/src/component/project/Project/ProjectStatus/ProjectLifecycleSummary.tsx
index ba90284837e5..be8f3d299bdb 100644
--- a/frontend/src/component/project/Project/ProjectStatus/ProjectLifecycleSummary.tsx
+++ b/frontend/src/component/project/Project/ProjectStatus/ProjectLifecycleSummary.tsx
@@ -16,13 +16,16 @@ const LifecycleBoxContent = styled('div')(({ theme }) => ({
     display: 'flex',
     flexFlow: 'column',
     justifyContent: 'space-between',
-    transition: 'border-color 200ms',
+    transition: 'all 200ms',
     borderRadius: theme.shape.borderRadiusExtraLarge,
     border: `2px solid ${theme.palette.divider}`,
     '&:focus-visible': {
         outline: 'none',
         borderColor: theme.palette.primary.main,
     },
+    '&:hover': {
+        backgroundColor: theme.palette.table.rowHover,
+    },
 }));
 
 const LifecycleBoxTooltip: FC<{ text: string }> = ({ text }) => {