diff --git a/src/components/tops/ActionPanel.vue b/src/components/tops/ActionPanel.vue
index 34daf4da30..e376a6ff04 100644
--- a/src/components/tops/ActionPanel.vue
+++ b/src/components/tops/ActionPanel.vue
@@ -737,7 +737,7 @@
         <h2 class="subtitle">
           {{ $t('breakdown.all_assets') }}
         </h2>
-        <div class="filters-area flexrow mb2">
+        <div class="flexrow mb2">
           <search-field
             ref="entity-search-field"
             @change="onEntitySearchChange"
diff --git a/src/components/widgets/PeopleField.vue b/src/components/widgets/PeopleField.vue
index 4965aedd39..a8b0c4ff04 100644
--- a/src/components/widgets/PeopleField.vue
+++ b/src/components/widgets/PeopleField.vue
@@ -173,7 +173,7 @@ export default {
 }
 
 .v-autocomplete {
-  z-index: 2000;
+  z-index: 205; // +1 relative to the z-index of c-mask
   position: relative;
 }
 
diff --git a/src/components/widgets/SearchField.vue b/src/components/widgets/SearchField.vue
index 2db6e432d2..db132bd3d7 100644
--- a/src/components/widgets/SearchField.vue
+++ b/src/components/widgets/SearchField.vue
@@ -130,10 +130,11 @@ export default {
 
 .search-field {
   margin-right: 0.2em;
+  width: 100%;
 }
 
 .search-input {
-  width: 300px;
+  width: 100%;
   background: inherit;
   color: var(--text);
 }
@@ -168,6 +169,8 @@ export default {
 }
 
 .search-field-wrapper {
+  max-width: 420px;
+  width: 100%;
   border: 1px solid #ddd;
   border-radius: 2em;
   padding: 0.2em 1em;