diff --git a/client/src/pages/Teams/TeamsMembers/index.tsx b/client/src/pages/Teams/TeamsMembers/index.tsx
index 38cb5b4e15f661f93e4ed3cb41f865b7a140d80d..e45b153174060ea002f2aed84210e5236f052299 100644
--- a/client/src/pages/Teams/TeamsMembers/index.tsx
+++ b/client/src/pages/Teams/TeamsMembers/index.tsx
@@ -10,7 +10,16 @@ export default function TeamsMembers({ members }: Props) {
     const teamMembers = members.map(member => {
         return {
             user: member,
-            info: member.role.name
+            info: member.role.name,
+            settings: [{
+                label: 'Edit role',
+                popupContent: (
+                    <>
+                        <h2>Change the role of {member.username}</h2>
+                        <select name="" id=""></select>
+                    </>
+                )
+            }]
         }
     })
     return (