diff --git a/web/components/management/round-desks.js b/web/components/management/round-desks.js
index d9ccedc4f1db2aef42620f7efd89e139a3afc630..8a7042c699cc96a444263d4e363f442756224f01 100644
--- a/web/components/management/round-desks.js
+++ b/web/components/management/round-desks.js
@@ -42,7 +42,18 @@ class RoundDesk {
       </header>
       <div id="desk-rounds-dropdown-content" class="columns card-content">
         <div class="column">
-          <div id="desk-rounds"></div>
+          <h5 class="title is-5">
+            Bureaux de votes
+          </h5>
+          <div class="field">
+            <p class="control has-icons-right">
+              <input class="input" type="email" placeholder="Rechercher un bureau" />
+              <span class="icon is-small is-right">
+                <i class="fas fa-search"></i>
+              </span>
+            </p>
+          </div>
+          <div id="desk-rounds-list"></div>
         </div>
         <div class="column">
           <div id="desk-round-details"></div>
@@ -215,16 +226,12 @@ class RoundDesk {
   }
 
   async displayDesks() {
-    document.getElementById("desk-rounds").innerHTML = /* HTML */ `<h5
-      class="title is-5"
-    >
-      Bureaux de votes
-    </h5>`;
+    document.getElementById("desk-rounds-list").innerHTML = /* HTML */ ``;
     let deskRounds = await this.updateDeskRounds();
     const markup = deskRounds
       .map((deskRound) => this.deskRoundTemplate(deskRound))
       .join("");
-    document.getElementById("desk-rounds").innerHTML += markup;
+    document.getElementById("desk-rounds-list").innerHTML += markup;
 
     let deskRoundHandler = this;
     deskRoundHandler.emptyDesksDetails();