diff --git a/client/app/src/shared/modals/grant-access/grant-access.component.html b/client/app/src/shared/modals/grant-access/grant-access.component.html
index 0182cf7b74..98a376daf8 100644
--- a/client/app/src/shared/modals/grant-access/grant-access.component.html
+++ b/client/app/src/shared/modals/grant-access/grant-access.component.html
@@ -7,7 +7,7 @@
 <div class="modal-body">
     <div id="ReceiverContextAdder" class="form-group">
         <div class="input-group">
-            <ng-select class="w-25 rounded-end-0" [attr.data-cy]="'receiver_selection'" [(ngModel)]="receiver_id" [items]="selectableRecipients" bindLabel="name" placeholder="{{ 'Search' | translate }}" [searchable]="true">
+            <ng-select class="w-50 rounded-end-0" [attr.data-cy]="'receiver_selection'" [(ngModel)]="receiver_id" [items]="selectableRecipients" bindLabel="name" placeholder="{{ 'Search' | translate }}" [searchable]="true">
                 <ng-template ng-label-tmp let-item="item">
                     <span>{{ item.name }}</span>
                 </ng-template>
@@ -28,4 +28,4 @@
         <i class="fa-solid fa-times"></i>
         <span>{{'Close' | translate}}</span>
     </a>
-</div>
\ No newline at end of file
+</div>
diff --git a/client/app/src/shared/modals/transfer-access/transfer-access.component.html b/client/app/src/shared/modals/transfer-access/transfer-access.component.html
index ad9a861a25..42fc86f1da 100644
--- a/client/app/src/shared/modals/transfer-access/transfer-access.component.html
+++ b/client/app/src/shared/modals/transfer-access/transfer-access.component.html
@@ -7,7 +7,7 @@
 <div class="modal-body">
     <div id="ReceiverContextAdder" class="form-group">
         <div class="input-group">
-            <ng-select class="w-25 rounded-end-0" [attr.data-cy]="'receiver_selection'" [(ngModel)]="receiverId" [items]="selectableRecipients" bindLabel="name" placeholder="{{ 'Search' | translate }}" [searchable]="true">
+            <ng-select class="w-50 rounded-end-0" [attr.data-cy]="'receiver_selection'" [(ngModel)]="receiverId" [items]="selectableRecipients" bindLabel="name" placeholder="{{ 'Search' | translate }}" [searchable]="true">
                 <ng-template ng-label-tmp let-item="item">
                     <span>{{ item.name }}</span>
                 </ng-template>