diff --git a/src/App.css b/src/App.css
index 6fbfee792ae..9f5dcf8b516 100644
--- a/src/App.css
+++ b/src/App.css
@@ -70,6 +70,13 @@ button.fc-button.finos-calendar-event-details-close img{
   gap: 5px;
 }
 
+.event-timeZone{
+  font-size: 14px;
+  margin-bottom: 6px;
+  display: flex;
+  gap: 5px;
+}
+
 .event-location{
   display:flex;
   gap: 5px;
@@ -155,4 +162,4 @@ button.fc-button.finos-calendar-event-details-close img{
   .finos-calendar-event-details a{
     color: #343;
   }
-}
\ No newline at end of file
+}
diff --git a/src/App.jsx b/src/App.jsx
index 87275288614..c5bdd8fe837 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -5,7 +5,7 @@ import FullCalendar from '@fullcalendar/react';
 import rrulePlugin from '@fullcalendar/rrule';
 import timeGridPlugin from '@fullcalendar/timegrid';
 
-import { mdiCalendarRange, mdiClose, mdiMapMarkerOutline } from '@mdi/js';
+import { mdiCalendarRange, mdiClock, mdiClose, mdiMapMarkerOutline } from '@mdi/js';
 import Icon from '@mdi/react';
 import parse from 'html-react-parser';
 import { createRef, useCallback, useEffect, useMemo, useState } from 'react';
@@ -136,6 +136,7 @@ function App() {
     const toDate = printDate(eventDetails.end);
     const fromTime = printTime(eventDetails.start);
     const toTime = printTime(eventDetails.end);
+    const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
     let eventTime = '';
     if (fromDate == toDate) {
       eventTime = fromDate + ' ' + fromTime + ' - ' + toTime;
@@ -213,6 +214,12 @@ function App() {
           </div>
           <div>{eventTime}</div>
         </div>
+        <div className="event-timeZone">
+          <div className="icon">
+            <Icon path={mdiClock} size={0.75} />
+          </div>
+          <div>Time Zone: {timeZone}</div>
+        </div>
         {eventLocation && (
           <div className="event-location">
             <div className="icon">