diff --git a/web/components/management/round-desks.js b/web/components/management/round-desks.js
index 8a7042c699cc96a444263d4e363f442756224f01..f563322ebbf54667644fec483d37d36d10728d28 100644
--- a/web/components/management/round-desks.js
+++ b/web/components/management/round-desks.js
@@ -47,7 +47,11 @@ class RoundDesk {
           </h5>
           <div class="field">
             <p class="control has-icons-right">
-              <input class="input" type="email" placeholder="Rechercher un bureau" />
+              <input
+                id="desk-search"
+                class="input"
+                placeholder="Rechercher un bureau"
+              />
               <span class="icon is-small is-right">
                 <i class="fas fa-search"></i>
               </span>
@@ -69,15 +73,16 @@ class RoundDesk {
   }
 
   handleDom() {
-    document
-      .getElementById(`round-new`)
-      .addEventListener("click", function () {});
-
     document
       .getElementById(`capturers-modal-close`)
       .addEventListener("click", function () {
         Common.toggleModal("capturers-modal", "capturers-modal-card");
       });
+
+    document.getElementById("desk-search").addEventListener("keyup", (e) => {
+      console.log(document.getElementById("desk-search").value.toLowerCase());
+      this.displayDesks();
+    });
   }
 
   mountModal(where) {
@@ -137,10 +142,7 @@ class RoundDesk {
       >
         <div class="content">
           <nav class="level">
-            <div
-              id="deskrounds-deskround-desc-${deskRound.ID}"
-              class="level-left"
-            ></div>
+            ${deskRound.Name}
             <div class="level-right">
               <a
                 id="deskrounds-deskround-capturers-${deskRound.ID}"
@@ -227,6 +229,7 @@ class RoundDesk {
 
   async displayDesks() {
     document.getElementById("desk-rounds-list").innerHTML = /* HTML */ ``;
+    console.log(document.getElementById("desk-search").value.toLowerCase());
     let deskRounds = await this.updateDeskRounds();
     const markup = deskRounds
       .map((deskRound) => this.deskRoundTemplate(deskRound))
@@ -235,11 +238,7 @@ class RoundDesk {
 
     let deskRoundHandler = this;
     deskRoundHandler.emptyDesksDetails();
-    deskRounds.map(async (deskRound) => {
-      let desk = await this.DeskModel.getDesk(deskRound.DeskID);
-      document.getElementById(
-        `deskrounds-deskround-desc-${deskRound.ID}`
-      ).innerHTML = desk.Name;
+    deskRounds.map((deskRound) => {
       document
         .getElementById(`deskrounds-deskround-${deskRound.ID}`)
         .addEventListener("click", async function () {
@@ -286,9 +285,18 @@ class RoundDesk {
   async updateDeskRounds() {
     let deskRoundHandler = this;
     let deskRounds = await this.DeskRoundModel.getDeskRounds();
-    return deskRounds.filter(function (deskRound) {
+    deskRounds = deskRounds.filter(function (deskRound) {
       return deskRound.RoundID == deskRoundHandler.round.ID;
     });
+    for (let i in deskRounds) {
+      let desk = await this.DeskModel.getDesk(deskRounds[i].DeskID);
+      deskRounds[i].Name = desk.Name;
+    }
+    return deskRounds.filter((desk) =>
+      desk.Name.toLowerCase().includes(
+        document.getElementById("desk-search").value.toLowerCase()
+      )
+    );
   }
 
   async saveDeskRound() {