diff --git a/frontend/src/SettingsPage/SettingsPage.jsx b/frontend/src/SettingsPage/SettingsPage.jsx
index 397db5b5a4..283e6450f7 100644
--- a/frontend/src/SettingsPage/SettingsPage.jsx
+++ b/frontend/src/SettingsPage/SettingsPage.jsx
@@ -6,6 +6,7 @@ import { toast } from 'react-toastify';
 
 function SettingsPage(props) {
   const [firstName, setFirstName] = React.useState(authenticationService.currentUserValue.first_name);
+  const email=authenticationService.currentUserValue.email;
   const [lastName, setLastName] = React.useState(authenticationService.currentUserValue.last_name);
   const [currentpassword, setCurrentPassword] = React.useState('');
   const [newPassword, setNewPassword] = React.useState('');
@@ -70,7 +71,7 @@ function SettingsPage(props) {
                 <div className="row">
                   <div className="col">
                     <div className="mb-3">
-                      <label className="form-label">First name</label>
+                      <label className="form-label">First name </label>
                       <input
                         type="text"
                         className="form-control"
@@ -94,6 +95,21 @@ function SettingsPage(props) {
                       />
                     </div>
                   </div>
+                  <div className="row">
+                  <div className="col-6">
+                    <div className="mb-3">
+                      <label className="form-label">Email </label>
+                      <input
+                        type="text"
+                        className="form-control"
+                        name="email"
+                        value={email}
+                         readonly
+                         disabled
+                      />
+                    </div>
+                    </div>
+                  </div>
                 </div>
 
                 <a