diff --git a/src/components/TeamManagement/AddTeamMember.jsx b/src/components/TeamManagement/AddTeamMember.jsx
index 8a6cfab21..8e38e4f39 100644
--- a/src/components/TeamManagement/AddTeamMember.jsx
+++ b/src/components/TeamManagement/AddTeamMember.jsx
@@ -15,6 +15,7 @@ const AddTeamMember = (props) => {
   } = props
   const onTypeChangeCustomer = () => onFilterTypeChange('customer')
   const onTypeChangeCopilot = () => onFilterTypeChange('copilot')
+  const onTypeChangeManager = () => onFilterTypeChange('manager')
   const onBtnClose = () => {
     onKeywordChange('')
     onToggleAddTeamMember(false)
@@ -42,6 +43,23 @@ const AddTeamMember = (props) => {
         Add a Team Member
       </div>
       <div className="modal-body">
+        {(currentUser.isManager || currentUser.isCopilot) && <div className="tab-group">
+          <ul>
+            <li className={cn({active: filterType === 'customer'})} onClick={onTypeChangeCustomer}>
+              Member
+            </li>
+            <li className={cn({active: filterType === 'copilot'})} onClick={onTypeChangeCopilot}>
+              Copilot
+            </li>
+            {currentUser.isManager ? (
+              <li className={cn({active: filterType === 'manager'})} onClick={onTypeChangeManager}>
+                Manager
+              </li>
+            ) : (
+              null
+            )}
+          </ul>
+        </div>}
         <div className="modal-inline-form">
           <AutoCompleteInput {...props} />
           <button
@@ -54,16 +72,6 @@ const AddTeamMember = (props) => {
         {error && <p className="error-message">
           {error}
         </p>}
-        {(currentUser.isManager || currentUser.isCopilot) && <div className="tab-group">
-          <ul>
-            <li className={cn({active: filterType === 'customer'})} onClick={onTypeChangeCustomer}>
-              Member
-            </li>
-            <li className={cn({active: filterType === 'copilot'})} onClick={onTypeChangeCopilot}>
-              Copilot
-            </li>
-          </ul>
-        </div>}
       </div>
     </div>
   )
diff --git a/src/components/TeamManagement/TeamManagement.scss b/src/components/TeamManagement/TeamManagement.scss
index 5ebbfdf2a..d58b81d0d 100644
--- a/src/components/TeamManagement/TeamManagement.scss
+++ b/src/components/TeamManagement/TeamManagement.scss
@@ -354,11 +354,11 @@ $tc-body-extra-small: 12px;
       width: 160px;
       list-style-type: none;
       padding: 0;
-      margin: 10px 0 0 0;
+      margin: 10px 0 10px 0;
 
       ul {
         display: flex;
-        width: 160px;
+        width: 200px;
       }
 
       li {