diff --git a/src/components/Users/Users.module.scss b/src/components/Users/Users.module.scss
index 7451b0c6..a37c2395 100644
--- a/src/components/Users/Users.module.scss
+++ b/src/components/Users/Users.module.scss
@@ -40,6 +40,11 @@
   }
 }
 
+.textContent {
+  font-size: 18px;
+  margin-top: 25px;
+}
+
 
 .row {
   display: flex;
@@ -400,7 +405,7 @@
   justify-content: center;
 }
 
-.addButtonContainer {
+.addButtonContainer, .buttonWrapper {
   display: flex;
   justify-content: flex-start;
   height: 30px;
@@ -412,10 +417,6 @@
   }
 }
 
-.addUserContentContainer {
-
-}
-
 .tcRadioButton {
   .tc-radioButton-label {
     @include roboto-light();
diff --git a/src/components/Users/index.js b/src/components/Users/index.js
index 5ddc2e67..cfbe5671 100644
--- a/src/components/Users/index.js
+++ b/src/components/Users/index.js
@@ -225,6 +225,9 @@ class Users extends Component {
               addNewProjectMember={this.props.addNewProjectMember}
               onMemberInvited={this.props.addNewProjectInvite}
               onClose={this.resetAddUserState}
+              projectOption={this.state.projectOption}
+              projectMembers={projectMembers}
+              updateProjectMember={updateProjectMember}
             />
           )
         }
diff --git a/src/components/Users/user-add.modal.js b/src/components/Users/user-add.modal.js
index 58b68d20..12a269e4 100644
--- a/src/components/Users/user-add.modal.js
+++ b/src/components/Users/user-add.modal.js
@@ -6,7 +6,7 @@ import Modal from '../Modal'
 import SelectUserAutocomplete from '../SelectUserAutocomplete'
 import { PROJECT_ROLES } from '../../config/constants'
 import PrimaryButton from '../Buttons/PrimaryButton'
-import { addUserToProject, inviteUserToProject } from '../../services/projects'
+import { addUserToProject, inviteUserToProject, updateProjectMemberRole } from '../../services/projects'
 
 import styles from './Users.module.scss'
 
@@ -14,12 +14,22 @@ const theme = {
   container: styles.modalContainer
 }
 
-const UserAddModalContent = ({ projectId, addNewProjectMember, onMemberInvited, onClose }) => {
+const UserAddModalContent = ({
+  projectMembers,
+  projectOption,
+  projectId,
+  addNewProjectMember,
+  onMemberInvited,
+  onClose,
+  updateProjectMember
+}) => {
   const [userToAdd, setUserToAdd] = useState(null)
   const [userPermissionToAdd, setUserPermissionToAdd] = useState(PROJECT_ROLES.READ)
   const [showSelectUserError, setShowSelectUserError] = useState(false)
   const [addUserError, setAddUserError] = useState(null)
   const [isAdding, setIsAdding] = useState(false)
+  const [isUserAddingFailed, setUserAddingFailed] = useState(false)
+  const [existingRole, setExistingRole] = useState('')
 
   const onUpdateUserToAdd = (option) => {
     if (option && option.value) {
@@ -52,8 +62,12 @@ const UserAddModalContent = ({ projectId, addNewProjectMember, onMemberInvited,
         })
         if (failed) {
           const error = get(failed, '0.message', 'User cannot be invited')
+          const errorCode = get(failed, '0.error')
+          const role = get(failed, '0.role')
           setAddUserError(error)
           setIsAdding(false)
+          setUserAddingFailed(errorCode === 'ALREADY_MEMBER')
+          setExistingRole(role)
         } else if (rest.message) {
           setAddUserError(rest.message)
           setIsAdding(false)
@@ -74,113 +88,141 @@ const UserAddModalContent = ({ projectId, addNewProjectMember, onMemberInvited,
     }
   }
 
+  const onConfirmCopilotRoleChange = async () => {
+    const member = projectMembers.find(item => item.userId === userToAdd.userId)
+    const action = member.role === 'manager' ? 'complete-copilot-requests' : ''
+    const response = await updateProjectMemberRole(projectId, member.id, 'copilot', action)
+    updateProjectMember(response)
+    onClose()
+  }
+
+  const onCancelCopilotRoleChange = () => {
+    setUserAddingFailed(false)
+    setAddUserError('')
+  }
+
   return (
     <Modal theme={theme} onCancel={onClose}>
-      <div className={cn(styles.contentContainer, styles.confirm)}>
-        <div className={styles.title}>Add User</div>
-        <div className={styles.addUserContentContainer}>
-          <div className={styles.row}>
-            <div className={cn(styles.field, styles.col1, styles.addUserTitle)}>
-              Member<span className={styles.required}>*</span> :
-            </div>
-            <div className={cn(styles.field, styles.col2)}>
-              <SelectUserAutocomplete
-                value={userToAdd ? { label: userToAdd.handle, value: userToAdd.userId.toString() } : null}
-                onChange={onUpdateUserToAdd}
-              />
+      {
+        isUserAddingFailed && (['observer', 'customer', 'copilot', 'manager'].includes(existingRole)) && (
+          <div className={cn(styles.contentContainer, styles.confirm)}>
+            <div className={styles.textContent}>{`The copilot ${userToAdd.handle} is part of ${projectOption.label} project with ${existingRole} role.`}</div>
+            <div className={styles.buttonWrapper}>
+              <PrimaryButton onClick={onConfirmCopilotRoleChange} text={'Confirm'} type={'info'} />
+              <PrimaryButton onClick={onCancelCopilotRoleChange} text={'Cancel'} type={'disabled'} />
             </div>
           </div>
-          {showSelectUserError && (
-            <div className={styles.row}>
-              <div className={styles.errorMesssage}>Please select a member.</div>
-            </div>
-          )}
-          <div className={styles.row}>
-            <div className={cn(styles.field, styles.col1, styles.addUserTitle)}>
-              <label htmlFor='memberToAdd'>Role :</label>
-            </div>
-            <div className={cn(styles.col5)}>
-              <div className={styles.tcRadioButton}>
-                <input
-                  name={`add-user-radio`}
-                  type='radio'
-                  id={`read-add-user`}
-                  checked={userPermissionToAdd === PROJECT_ROLES.READ}
-                  onChange={() => setUserPermissionToAdd(PROJECT_ROLES.READ)}
-                />
-                <label htmlFor={`read-add-user`}>
-                  <div>Read</div>
-                  <input type='hidden' />
-                </label>
+        )
+      }
+      {
+        !isUserAddingFailed && (
+          <div className={cn(styles.contentContainer, styles.confirm)}>
+            <div className={styles.title}>Add User</div>
+            <div className={styles.addUserContentContainer}>
+              <div className={styles.row}>
+                <div className={cn(styles.field, styles.col1, styles.addUserTitle)}>
+                  Member<span className={styles.required}>*</span> :
+                </div>
+                <div className={cn(styles.field, styles.col2)}>
+                  <SelectUserAutocomplete
+                    value={userToAdd ? { label: userToAdd.handle, value: userToAdd.userId.toString() } : null}
+                    onChange={onUpdateUserToAdd}
+                  />
+                </div>
               </div>
-            </div>
-            <div className={cn(styles.col5)}>
-              <div className={styles.tcRadioButton}>
-                <input
-                  name={`add-user-radio`}
-                  type='radio'
-                  id={`write-add-user`}
-                  checked={userPermissionToAdd === PROJECT_ROLES.WRITE}
-                  onChange={() => setUserPermissionToAdd(PROJECT_ROLES.WRITE)}
-                />
-                <label htmlFor={`write-add-user`}>
-                  <div>Write</div>
-                  <input type='hidden' />
-                </label>
+              {showSelectUserError && (
+                <div className={styles.row}>
+                  <div className={styles.errorMesssage}>Please select a member.</div>
+                </div>
+              )}
+              <div className={styles.row}>
+                <div className={cn(styles.field, styles.col1, styles.addUserTitle)}>
+                  <label htmlFor='memberToAdd'>Role :</label>
+                </div>
+                <div className={cn(styles.col5)}>
+                  <div className={styles.tcRadioButton}>
+                    <input
+                      name={`add-user-radio`}
+                      type='radio'
+                      id={`read-add-user`}
+                      checked={userPermissionToAdd === PROJECT_ROLES.READ}
+                      onChange={() => setUserPermissionToAdd(PROJECT_ROLES.READ)}
+                    />
+                    <label htmlFor={`read-add-user`}>
+                      <div>Read</div>
+                      <input type='hidden' />
+                    </label>
+                  </div>
+                </div>
+                <div className={cn(styles.col5)}>
+                  <div className={styles.tcRadioButton}>
+                    <input
+                      name={`add-user-radio`}
+                      type='radio'
+                      id={`write-add-user`}
+                      checked={userPermissionToAdd === PROJECT_ROLES.WRITE}
+                      onChange={() => setUserPermissionToAdd(PROJECT_ROLES.WRITE)}
+                    />
+                    <label htmlFor={`write-add-user`}>
+                      <div>Write</div>
+                      <input type='hidden' />
+                    </label>
+                  </div>
+                </div>
+                <div className={cn(styles.col5)}>
+                  <div className={styles.tcRadioButton}>
+                    <input
+                      name={`add-user-radio`}
+                      type='radio'
+                      id={`full-access-add-user`}
+                      checked={userPermissionToAdd === PROJECT_ROLES.MANAGER}
+                      onChange={() => setUserPermissionToAdd(PROJECT_ROLES.MANAGER)}
+                    />
+                    <label htmlFor={`full-access-add-user`}>
+                      <div>Full Access</div>
+                      <input type='hidden' />
+                    </label>
+                  </div>
+                </div>
+                <div className={cn(styles.col5)}>
+                  <div className={styles.tcRadioButton}>
+                    <input
+                      name={`add-user-radio`}
+                      type='radio'
+                      id={`copilot-add-user`}
+                      checked={userPermissionToAdd === PROJECT_ROLES.COPILOT}
+                      onChange={() => setUserPermissionToAdd(PROJECT_ROLES.COPILOT)}
+                    />
+                    <label htmlFor={`copilot-add-user`}>
+                      <div>Copilot</div>
+                      <input type='hidden' />
+                    </label>
+                  </div>
+                </div>
               </div>
+              {addUserError && (
+                <div className={styles.errorMesssage}>{addUserError}</div>
+              )}
             </div>
-            <div className={cn(styles.col5)}>
-              <div className={styles.tcRadioButton}>
-                <input
-                  name={`add-user-radio`}
-                  type='radio'
-                  id={`full-access-add-user`}
-                  checked={userPermissionToAdd === PROJECT_ROLES.MANAGER}
-                  onChange={() => setUserPermissionToAdd(PROJECT_ROLES.MANAGER)}
+            <div className={styles.buttonGroup}>
+              <div className={styles.buttonSizeA}>
+                <PrimaryButton
+                  text={'Close'}
+                  type={'info'}
+                  onClick={onClose}
                 />
-                <label htmlFor={`full-access-add-user`}>
-                  <div>Full Access</div>
-                  <input type='hidden' />
-                </label>
               </div>
-            </div>
-            <div className={cn(styles.col5)}>
-              <div className={styles.tcRadioButton}>
-                <input
-                  name={`add-user-radio`}
-                  type='radio'
-                  id={`copilot-add-user`}
-                  checked={userPermissionToAdd === PROJECT_ROLES.COPILOT}
-                  onChange={() => setUserPermissionToAdd(PROJECT_ROLES.COPILOT)}
+              <div className={styles.buttonSizeA}>
+                <PrimaryButton
+                  text={isAdding ? 'Adding user...' : 'Add User'}
+                  type={'info'}
+                  onClick={onAddUserConfirmClick}
                 />
-                <label htmlFor={`copilot-add-user`}>
-                  <div>Copilot</div>
-                  <input type='hidden' />
-                </label>
               </div>
             </div>
           </div>
-          {addUserError && (
-            <div className={styles.errorMesssage}>{addUserError}</div>
-          )}
-        </div>
-        <div className={styles.buttonGroup}>
-          <div className={styles.buttonSizeA}>
-            <PrimaryButton
-              text={'Close'}
-              type={'info'}
-              onClick={onClose}
-            />
-          </div>
-          <div className={styles.buttonSizeA}>
-            <PrimaryButton
-              text={isAdding ? 'Adding user...' : 'Add User'}
-              type={'info'}
-              onClick={onAddUserConfirmClick}
-            />
-          </div>
-        </div>
-      </div>
+        )
+      }
     </Modal>
   )
 }
@@ -188,7 +230,10 @@ UserAddModalContent.propTypes = {
   projectId: PropTypes.number.isRequired,
   addNewProjectMember: PropTypes.func.isRequired,
   onMemberInvited: PropTypes.func.isRequired,
-  onClose: PropTypes.func.isRequired
+  onClose: PropTypes.func.isRequired,
+  projectOption: PropTypes.any.isRequired,
+  projectMembers: PropTypes.array.isRequired,
+  updateProjectMember: PropTypes.func.isRequired
 }
 
 export default UserAddModalContent
diff --git a/src/services/projects.js b/src/services/projects.js
index a3cf43c0..1a03221c 100644
--- a/src/services/projects.js
+++ b/src/services/projects.js
@@ -103,9 +103,10 @@ export async function fetchProjectPhases (id) {
  * @param newRole the new role
  * @returns {Promise<*>}
  */
-export async function updateProjectMemberRole (projectId, memberRecordId, newRole) {
+export async function updateProjectMemberRole (projectId, memberRecordId, newRole, action) {
   const response = await axiosInstance.patch(`${PROJECTS_API_URL}/${projectId}/members/${memberRecordId}`, {
-    role: newRole
+    role: newRole,
+    action
   })
   return _.get(response, 'data')
 }