diff --git a/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx b/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
index 8dc7f73..4cf2de2 100644
--- a/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
+++ b/src/pages/VolunteerProfile/components/manageMember/modifyrole/ModifyRole.jsx
@@ -15,7 +15,8 @@ export default function ModifyRole({ user }) {
 
     useEffect(() => {
         getRoles().then(data => {
-            if (data) setRoles(data);
+            if (data) setRoles(data.data);
+            //TODO: Fermer les modal + actualiser les infos lors du changement de role
         });
     }, [])
 
diff --git a/src/utils/getRoles.js b/src/utils/getRoles.js
index 5d6d3d6..99cadb6 100644
--- a/src/utils/getRoles.js
+++ b/src/utils/getRoles.js
@@ -1,21 +1,5 @@
+import fetchWrapper from "./fetchWrapper.js";
+
 export default async function getRoles() {
-    try {
-        const res = await fetch(`${import.meta.env.VITE_API_URL}/api/roles`, {
-            method: 'GET',
-            credentials: 'include',
-            headers: {
-                'Accept': 'application/json'
-            }
-        });
-
-        if (!res.ok) {
-            throw new Error(`Erreur serveur : ${res.status}`);
-        }
-
-        const data = await res.json();
-        return data;
-    } catch (err) {
-        console.error('Erreur :', err);
-        return null;
-    }
+    return fetchWrapper("/api/roles", null, "GET");
 }