diff --git a/src/components/CommunityPortal/CPDashboard.jsx b/src/components/CommunityPortal/CPDashboard.jsx
index 14a633f464..a4a21aab1f 100644
--- a/src/components/CommunityPortal/CPDashboard.jsx
+++ b/src/components/CommunityPortal/CPDashboard.jsx
@@ -21,6 +21,7 @@ import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
 import { toast } from 'react-toastify';
 import axios from 'axios';
+import { Link } from 'react-router-dom';
 import { el } from 'date-fns/locale';
 import { fuzzySearch } from '../../utils/fuzzySearch';
 
@@ -316,40 +317,48 @@ export function CPDashboard() {
   if (displayedEvents.length > 0) {
     eventsContent = displayedEvents.map(event => (
       <Col md={4} key={event.id} className={styles.eventCardCol}>
-        <Card className={styles.eventCard}>
-          <div className={styles.eventCardImgContainer}>
-            <FixedRatioImage src={event.image} alt={event.title} fallback={FALLBACK_IMG} />
-          </div>
-          <CardBody>
-            <h5 className={styles.eventTitle}>{event.title}</h5>
-            <div className={styles.eventDate}>
-              <FaCalendarAlt className={styles.eventIcon} />
-              <div>
-                <div>{formatDate(event.date)}</div>
-                {event.startTime && (
-                  <div className={styles.eventTime}>{formatTime(event.date, event.startTime)}</div>
-                )}
-              </div>
+        <Link
+          to={`/communityportal/Activities/Register/${event._id}`}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Card className={styles.eventCard}>
+            <div className={styles.eventCardImgContainer}>
+              <FixedRatioImage src={event.coverImage} alt={event.title} fallback={FALLBACK_IMG} />
             </div>
-            <p className={styles.eventLocation}>
-              <FaMapMarkerAlt className={styles.eventIcon} /> {getDisplayLocation(event.location)}
-            </p>
-            <p className={styles.eventOrganizer}>
-              {event.organizerLogo && !failedLogos.has(event._id) ? (
-                <img
-                  src={event.organizerLogo}
-                  alt={normalizeOrganizer(event.organizer) || 'Organizer'}
-                  className={styles.organizerLogo}
-                  onError={() => handleLogoError(event._id)}
-                  loading="lazy"
-                />
-              ) : (
-                <FaUserAlt className={styles.eventIcon} aria-hidden="true" />
-              )}{' '}
-              <span>{normalizeOrganizer(event.organizer) || 'Organizer TBD'}</span>
-            </p>
-          </CardBody>
-        </Card>
+            <CardBody>
+              <h5 className={styles.eventTitle}>{event.title}</h5>
+              <div className={styles.eventDate}>
+                <FaCalendarAlt className={styles.eventIcon} />
+                <div>
+                  <div>{formatDate(event.date)}</div>
+                  {event.startTime && (
+                    <div className={styles.eventTime}>
+                      {formatTime(event.date, event.startTime)}
+                    </div>
+                  )}
+                </div>
+              </div>
+              <p className={styles.eventLocation}>
+                <FaMapMarkerAlt className={styles.eventIcon} /> {getDisplayLocation(event.location)}
+              </p>
+              <p className={styles.eventOrganizer}>
+                {event.organizerLogo && !failedLogos.has(event._id) ? (
+                  <img
+                    src={event.organizerLogo}
+                    alt={normalizeOrganizer(event.organizer) || 'Organizer'}
+                    className={styles.organizerLogo}
+                    onError={() => handleLogoError(event._id)}
+                    loading="lazy"
+                  />
+                ) : (
+                  <FaUserAlt className={styles.eventIcon} aria-hidden="true" />
+                )}{' '}
+                <span>{normalizeOrganizer(event.organizer) || 'Organizer TBD'}</span>
+              </p>
+            </CardBody>
+          </Card>
+        </Link>
       </Col>
     ));
   } else {
diff --git a/src/components/CommunityPortal/CPDashboard.module.css b/src/components/CommunityPortal/CPDashboard.module.css
index adea778861..194feb9947 100644
--- a/src/components/CommunityPortal/CPDashboard.module.css
+++ b/src/components/CommunityPortal/CPDashboard.module.css
@@ -382,6 +382,7 @@
   flex-direction: column;
   border: none;
   background: #ffffff;
+  cursor: pointer;
 }
 
 .eventCard:hover {