diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index d277ab8c..6d5f7bb2 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -331,7 +331,12 @@
     "DELETE_SESSION": "Delete Session",
     "SCHEDULE": "Schedule",
     "PLANNED_SESSIONS": "Planned Sessions",
-    "ADD_SESSION": "Add Session"
+    "ADD_SESSION": "Add Session",
+    "SESSION_DETAILS": "Session Details",
+    "SESSION_TITLE": "Session Title",
+    "TYPE_OF_SESSION": "Type of Session",
+    "REPEATING": "Repeating",
+    "JUST_ONCE": "Just Once"
   },
   "MANAGE_USERS": {
     "CENTERS_REQUESTED_SUCCESSFULLY": "Center Requested Successfully"
diff --git a/src/components/PlannedSession.tsx b/src/components/PlannedSession.tsx
index ffdd5990..d900399f 100644
--- a/src/components/PlannedSession.tsx
+++ b/src/components/PlannedSession.tsx
@@ -90,7 +90,7 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
               <Select
                 labelId="demo-simple-select-label"
                 id="demo-simple-select"
-                label="Subject"
+                label={t('CENTER_SESSION.SUBJECT')}
                 style={{ borderRadius: '4px' }}
               >
                 {/* <MenuItem value={'Mathematics'}>Mathematics</MenuItem> */}
@@ -111,7 +111,7 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
                     mt: 1.5,
                   }}
                 >
-                  Set-Up
+                  {t('CENTER_SESSION.SET_UP')}
                 </Box>
               </>
             )}
@@ -140,12 +140,12 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
                 color: theme?.palette?.warning['300'],
               }}
             >
-              Session Details
+              {t('CENTER_SESSION.SESSION_DETAILS')}
             </Box>
             <Box sx={{ mt: 2 }}>
               <TextField
                 id="outlined-basic"
-                label="Session Title"
+                label={t('CENTER_SESSION.SESSION_TITLE')}
                 variant="outlined"
               />
             </Box>
@@ -159,9 +159,9 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
                 mode={type}
                 handleSessionModeChange={handleSessionTypeChange}
                 sessions={{
-                  tile: 'Type of Session',
-                  mode1: 'Repeating',
-                  mode2: 'Just Once',
+                  tile: t('CENTER_SESSION.TYPE_OF_SESSION'),
+                  mode1: t('CENTER_SESSION.REPEATING'),
+                  mode2: t('CENTER_SESSION.JUST_ONCE'),
                 }}
               />
               {type === sessionType.JUST && (
@@ -189,7 +189,7 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
               <Box sx={{ mt: 3 }}>
                 <LocalizationProvider dateAdapter={AdapterDayjs}>
                   <CustomTimePicker
-                    label="Start Time"
+                    label={t('CENTER_SESSION.START_TIME')}
                     value={date}
                     onChange={handleChange}
                     sx={{ borderRadius: '4px', fontSize: '2px' }}
@@ -201,7 +201,7 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
               <Box sx={{ mt: 3 }}>
                 <LocalizationProvider dateAdapter={AdapterDayjs}>
                   <CustomTimePicker
-                    label="End Time"
+                    label={t('CENTER_SESSION.END_TIME')}
                     value={date}
                     onChange={handleChange}
                     sx={{ borderRadius: '4px' }}
@@ -220,7 +220,7 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
                   <LocalizationProvider dateAdapter={AdapterDayjs}>
                     <Stack spacing={3}>
                       <MobileDatePicker
-                        label="Start Date"
+                        label={t('CENTER_SESSION.START_DATE')}
                         value={date}
                         onChange={handleChange}
                         format="DD MMM, YYYY"
@@ -235,7 +235,7 @@ const PlannedSession: React.FC<PlannedModalProps> = ({
                   <LocalizationProvider dateAdapter={AdapterDayjs}>
                     <Stack spacing={3}>
                       <MobileDatePicker
-                        label="End Time"
+                        label={t('CENTER_SESSION.END_DATE')}
                         value={date}
                         onChange={handleChange}
                         format="DD MMM, YYYY"
diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx
index 66651245..9fa54ce0 100644
--- a/src/components/Schedule.tsx
+++ b/src/components/Schedule.tsx
@@ -23,7 +23,7 @@ const Schedule: React.FC<ScheduleModalProps> = ({
             mb: 2,
             cursor: 'pointer',
           }}
-          onClick={() => handleClick?.('PLANNED_SESSION')} // Use optional chaining here
+          onClick={() => handleClick?.('PLANNED_SESSION')}
         >
           <Box
             sx={{
@@ -44,7 +44,7 @@ const Schedule: React.FC<ScheduleModalProps> = ({
             mb: 2,
             cursor: 'pointer',
           }}
-          onClick={() => handleClick?.('EXTRA_SESSION')} // Use optional chaining here
+          onClick={() => handleClick?.('EXTRA_SESSION')}
         >
           <Box
             sx={{
diff --git a/src/pages/centers/[cohortId].tsx b/src/pages/centers/[cohortId].tsx
index c515f606..86bf9181 100644
--- a/src/pages/centers/[cohortId].tsx
+++ b/src/pages/centers/[cohortId].tsx
@@ -367,7 +367,7 @@ const TeachingCenterDetails = () => {
               deleteModal
                 ? t('CENTER_SESSION.DELETE_SESSION')
                 : openSchedule
-                  ? clickedBox === 'EXTRA_SESSION'
+                  ? clickedBox === t('CENTER_SESSION.EXTRA_SESSION')
                     ? 'Extra Session'
                     : t('CENTER_SESSION.PLANNED_SESSION')
                   : t('CENTER_SESSION.SCHEDULE')