diff --git a/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx b/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx
index efbcf763a..320497b68 100644
--- a/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx
+++ b/epictrack-web/src/components/myWorkplans/Card/CardBody.tsx
@@ -62,7 +62,7 @@ const CardBody = ({ workplan }: CardProps) => {
           <Grid item container sx={{ marginTop: "2px" }} xs={1}>
             <DotIcon fill={phase_color} />
           </Grid>
-          <Grid item container xs={6}>
+          <Grid item container xs={5}>
             <ETCaption2
               bold
               color={phase_color}
@@ -78,7 +78,7 @@ const CardBody = ({ workplan }: CardProps) => {
           <Grid item container sx={{ marginTop: "4px" }} xs={1}>
             <ClockIcon />
           </Grid>
-          <Grid item container xs={4}>
+          <Grid item container xs={3}>
             <ETCaption2
               bold
               color={Palette.neutral.main}
diff --git a/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx b/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx
index b076bc815..f9f89da4a 100644
--- a/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx
+++ b/epictrack-web/src/components/myWorkplans/Card/CardFooter.tsx
@@ -4,10 +4,12 @@ import { ETCaption1, ETCaption2, ETParagraph } from "../../shared";
 import Icons from "../../icons";
 import { IconProps } from "../../icons/type";
 import { CardProps } from "./type";
+import { useNavigate } from "react-router-dom";
 
 const EyeIcon: React.FC<IconProps> = Icons["EyeIcon"];
 
 const CardFooter = ({ workplan }: CardProps) => {
+  const navigate = useNavigate();
   const team_lead = workplan.staff_info.find((staff: any) => {
     if (staff.role.name === "Team Lead") {
       return staff.staff.full_name;
@@ -98,9 +100,9 @@ const CardFooter = ({ workplan }: CardProps) => {
             backgroundColor: "inherit",
             borderColor: "transparent",
           }}
-          onClick={() => undefined}
+          onClick={() => navigate(`/work-plan?work_id=${workplan.id}`)}
         >
-          <ETCaption2 bold>View Only</ETCaption2>
+          <ETCaption2 bold>View</ETCaption2>
         </Button>
       </Grid>
     </Grid>