diff --git a/src/ui/viewerStateController/regionSearch/regionSearch.template.html b/src/ui/viewerStateController/regionSearch/regionSearch.template.html
index e08a8c7f53b3c30a17b75b1bc14f5e017905178a..02128727b8151b99c22c977b09d54ed2e5b00b2e 100644
--- a/src/ui/viewerStateController/regionSearch/regionSearch.template.html
+++ b/src/ui/viewerStateController/regionSearch/regionSearch.template.html
@@ -1,7 +1,7 @@
 <div class="w-100 d-inline-flex flex-row align-items-center">
 
-  <form *ngIf="showAutoComplete" class="flex-grow-1 flex-shrink-1">
-    <mat-form-field class="w-100">
+  <form *ngIf="showAutoComplete" class="d-flex flex-row flex-nowrap flex-grow-1 flex-shrink-1">
+    <mat-form-field class="w-0 flex-grow-1 flex-shrink-1">
       <input
         placeholder="Search for regions"
         #autoTrigger
diff --git a/src/ui/viewerStateController/viewerStateCFull/viewerState.template.html b/src/ui/viewerStateController/viewerStateCFull/viewerState.template.html
index b70d3e3780f682979a04fabaf4d65c15ae4e3c42..bdc257d4b44531c9b0dc84edbc57fb320633719c 100644
--- a/src/ui/viewerStateController/viewerStateCFull/viewerState.template.html
+++ b/src/ui/viewerStateController/viewerStateCFull/viewerState.template.html
@@ -4,7 +4,7 @@
   <mat-card-content class="d-inline-flex flex-column flex-nowrap w-100">
 
     <div class="flex-grow-0 flex-shrink-0 d-flex flex-row flex-nowrap">
-      <mat-form-field class="flex-grow-1 flex-shrink-1">
+      <mat-form-field class="flex-grow-1 flex-shrink-1 w-0">
         <mat-label>
           Template
         </mat-label>
@@ -67,7 +67,7 @@
     <div class="flex-grow-0 flex-shrink-0 d-flex flex-row flex-nowrap">
       <mat-form-field
         *ngIf="templateSelected$ | async as templateSelected"
-        class="flex-grow-1 flex-shrink-1">
+        class="flex-grow-1 flex-shrink-1 w-0">
         <mat-label>
           Parcellation
         </mat-label>