diff --git a/src/components/CippComponents/CippCentralSearch.jsx b/src/components/CippComponents/CippCentralSearch.jsx
index c710a8d2d49b..6a90c4e35b9d 100644
--- a/src/components/CippComponents/CippCentralSearch.jsx
+++ b/src/components/CippComponents/CippCentralSearch.jsx
@@ -9,6 +9,7 @@ import {
   Grid,
   Card,
   CardContent,
+  CardActionArea,
   Typography,
   Box,
 } from "@mui/material";
@@ -107,15 +108,19 @@ export const CippCentralSearch = ({ handleClose, open }) => {
                   <Grid item xs={12} sm={12} md={12} key={index}>
                     <Card
                       variant="outlined"
-                      sx={{ height: "100%", cursor: "pointer" }}
-                      onClick={() => handleCardClick(item.path)}
+                      sx={{ height: "100%" }}
                     >
-                      <CardContent>
-                        <Typography variant="h6">{highlightMatch(item.title)}</Typography>
-                        <Typography variant="body2" color="textSecondary">
-                          Path: {highlightMatch(item.path)}
-                        </Typography>
-                      </CardContent>
+                      <CardActionArea
+                        onClick={() => handleCardClick(item.path)}
+                        aria-label={`Navigate to ${item.title}`}
+                      >
+                        <CardContent>
+                          <Typography variant="h6">{highlightMatch(item.title)}</Typography>
+                          <Typography variant="body2" color="textSecondary">
+                            Path: {highlightMatch(item.path)}
+                          </Typography>
+                        </CardContent>
+                      </CardActionArea>
                     </Card>
                   </Grid>
                 ))}