diff --git a/Front/arbitrage.html b/Front/arbitrage.html
index eb0d29c..fe28bd7 100644
--- a/Front/arbitrage.html
+++ b/Front/arbitrage.html
@@ -164,9 +164,9 @@
                             </div>
                             <div class="form-group">
                                 <label for="TeamPlayers">Joueurs</label>
-                                <select class="form-control" id="TeamPlayers" name="TeamPlayers" multiple required>
-                                    <!-- Options dynamiques -->
-                                </select>
+                                <div class="scrollable-input form-control" id="TeamPlayers">
+                                    <!-- Checkbox dynamiques -->
+                                </div>
                             </div>
                             <div class="form-group">
                                 <label for="Teamcaptain">Capitaine</label>
diff --git a/Front/js/backend/match.js b/Front/js/backend/match.js
index 3f7fb42..f86b0c0 100644
--- a/Front/js/backend/match.js
+++ b/Front/js/backend/match.js
@@ -361,7 +361,13 @@ if (window.location.href.includes("arbitrage.html")) {
     });
     const playerSelect = document.getElementById('TeamPlayers');
     // display the list of players with her name, firstname and promo
-    playerSelect.innerHTML = PlayerList.map(player => `<option id="${player.id}" value="${player.id}">${player.name} ${player.prenom} ${player.expand.promo.name}</option>`).join('');
+    playerSelect.innerHTML = PlayerList.map(player => `
+        <div class="form-check">
+        <input class="form-check-input" type="checkbox" value="${player.id}" id="${player.id}">
+        <label class="form-check-label" for="flexCheckDefault">
+            ${player.name} ${player.prenom} ${player.expand.promo.name}
+        </label>
+        </div>`).join('');
     const captaineSelect = document.getElementById('Teamcaptain');
     captaineSelect.innerHTML = PlayerList.map(player => `<option id="${player.id}" value="${player.id}">${player.name} ${player.prenom} ${player.expand.promo.name}</option>`).join('');
     const SportList = await pb.collection('sport').getFullList({});
@@ -373,7 +379,7 @@ if (window.location.href.includes("arbitrage.html")) {
         const teamName = document.getElementById('TeamName').value;
         const teamPromo = document.getElementById('Teampromo').selectedOptions[0].value;
         const teamSport = document.getElementById('Teamsport').selectedOptions[0].value;
-        const teamPlayers = Array.from(document.getElementById('TeamPlayers').selectedOptions).map(option => option.value);
+        const teamPlayers = Array.from(document.querySelectorAll('TeamPlayers input:checked')).map(checkbox => checkbox.value);
         const teamCaptain = document.getElementById('Teamcaptain').selectedOptions[0].value;
         const data = {
             "name": teamName,
diff --git a/Front/style.css b/Front/style.css
index 1d34990..710c61a 100644
--- a/Front/style.css
+++ b/Front/style.css
@@ -1,3 +1,9 @@
 .mt-6 {
     margin-top: 6rem !important;
+}
+
+.scrollable-input {
+    width: 100%; 
+    height: 100px; 
+    overflow-y: scroll; 
 }
\ No newline at end of file