diff --git a/src/frontend/app/administration/group/group.component.html b/src/frontend/app/administration/group/group.component.html
index 82862c5e88c388a562339c0aeaeaa03b85e8d922..5627cd3c1f1adcba9365b9670506f0cb1fad60b4 100644
--- a/src/frontend/app/administration/group/group.component.html
+++ b/src/frontend/app/administration/group/group.component.html
@@ -27,6 +27,9 @@
         <ion-item lines="none" *ngIf="!creationMode">
             <ion-label color="secondary">{{'lang.linkedUsers' | translate}} :</ion-label>
         </ion-item>
+        <ion-searchbar [placeholder]="'lang.filter' | translate" style="margin-left: 4x; display: flex; width: 50%;"
+            (ionChange)="applyFilter($event.detail.value)">
+        </ion-searchbar>
         <ion-card *ngIf="!creationMode" style="height: 400px; overflow-y: auto;">
             <ion-list>
                 <ion-item style="position: sticky;top:0px;z-index:1;">
@@ -38,12 +41,9 @@
                                 {{'lang.' + col | translate}}
                             </div>
                         </ng-container>
-                        <div style="flex: 1;text-align: left; display: flex;" *ngIf="displayedColumns.indexOf('actions') > -1">
-                            <ion-searchbar [placeholder]="'lang.filter' | translate" style="padding: 1px;"
-                                (ionChange)="applyFilter($event.detail.value)">
-                            </ion-searchbar>
+                        <div style="flex: 1;text-align: right;" *ngIf="displayedColumns.indexOf('actions') > -1">
                             <ion-button slot="end" color="primary" fille="outline" shape="round"
-                                style="margin-left: 20px; margin-top: 10px;" (click)="openUserList()">
+                                (click)="openUserList()">
                                 {{'lang.add' | translate}}
                             </ion-button>
                         </div>