diff --git a/fittrackee_client/src/components/App.css b/fittrackee_client/src/components/App.css
index 62d13fe6..a5e212a2 100644
--- a/fittrackee_client/src/components/App.css
+++ b/fittrackee_client/src/components/App.css
@@ -741,6 +741,10 @@ label {
   background: #f5f5f5;
 }
 
+.calendar .body .today {
+  background: #eff1f3;
+}
+
 .calendar-activity,
 .calendar-more {
   display: none;
diff --git a/fittrackee_client/src/components/Dashboard/Calendar.jsx b/fittrackee_client/src/components/Dashboard/Calendar.jsx
index 3660485c..ea389963 100644
--- a/fittrackee_client/src/components/Dashboard/Calendar.jsx
+++ b/fittrackee_client/src/components/Dashboard/Calendar.jsx
@@ -8,6 +8,7 @@ import {
   format,
   isSameDay,
   isSameMonth,
+  isToday,
   startOfMonth,
   startOfWeek,
   subMonths,
@@ -110,7 +111,12 @@ class Calendar extends React.Component {
           ? [5, 6].includes(i)
           : [0, 6].includes(i)
         days.push(
-          <div className={`col cell ${isWeekEnd ? ' weekend' : ''}`} key={day}>
+          <div
+            className={`col cell ${isWeekEnd ? ' weekend' : ''}${
+              isToday(day) ? ' today' : ''
+            }`}
+            key={day}
+          >
             <div className={`img${isDisabled}`}>
               <span className="number">{formattedDate}</span>
               <CalendarActivities