diff --git a/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.html b/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.html
index aac27ad5c..5d1bd5f5e 100644
--- a/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.html
+++ b/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.html
@@ -133,7 +133,7 @@
     <!-- Search for speakers -->
     <div *osPerms="'agenda.can_manage_list_of_speakers'">
         <form *ngIf="filteredUsers && filteredUsers.value.length > 0" [formGroup]="addSpeakerForm">
-            <mat-form-field>
+            <mat-form-field class="search-users-field">
                 <os-search-value-selector
                     class="search-users"
                     formControlName="user_id"
diff --git a/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.scss b/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.scss
index 99ccdc0e9..57b09e399 100644
--- a/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.scss
+++ b/client/src/app/site/agenda/components/list-of-speakers/list-of-speakers.component.scss
@@ -105,10 +105,13 @@ form {
     padding: 15px 25px 10px 25px;
     width: auto;
 
-    .search-users {
-        display: grid;
-        .mat-form-field {
-            width: 100%;
+    .search-users-field {
+        width: 100%;
+        .search-users {
+            display: grid;
+            .mat-form-field {
+                width: 100%;
+            }
         }
     }
 }