diff --git a/admin/src/App.vue b/admin/src/App.vue
index 40460eda4..bcaab2ef9 100644
--- a/admin/src/App.vue
+++ b/admin/src/App.vue
@@ -13,3 +13,11 @@ export default {
   components: { defaultLayout },
 }
 </script>
+<style>
+.pointer {
+  cursor: pointer;
+}
+.pointer:hover {
+  background-color: rgb(216, 213, 213);
+}
+</style>
diff --git a/admin/src/pages/Creation.spec.js b/admin/src/pages/Creation.spec.js
index 85ad81031..81d556e9b 100644
--- a/admin/src/pages/Creation.spec.js
+++ b/admin/src/pages/Creation.spec.js
@@ -241,17 +241,38 @@ describe('Creation', () => {
         jest.clearAllMocks()
       })
 
-      it('calls API when criteria changes', async () => {
-        await wrapper.setData({ criteria: 'XX' })
-        expect(apolloQueryMock).toBeCalledWith(
-          expect.objectContaining({
-            variables: {
-              searchText: 'XX',
-              currentPage: 1,
-              pageSize: 25,
-            },
-          }),
-        )
+      describe('search criteria', () => {
+        beforeEach(async () => {
+          await wrapper.setData({ criteria: 'XX' })
+        })
+
+        it('calls API when criteria changes', async () => {
+          expect(apolloQueryMock).toBeCalledWith(
+            expect.objectContaining({
+              variables: {
+                searchText: 'XX',
+                currentPage: 1,
+                pageSize: 25,
+              },
+            }),
+          )
+        })
+
+        describe('reset search criteria', () => {
+          it('calls the API', async () => {
+            jest.clearAllMocks()
+            await wrapper.find('.test-click-clear-criteria').trigger('click')
+            expect(apolloQueryMock).toBeCalledWith(
+              expect.objectContaining({
+                variables: {
+                  searchText: '',
+                  currentPage: 1,
+                  pageSize: 25,
+                },
+              }),
+            )
+          })
+        })
       })
 
       it('calls API when currentPage changes', async () => {
diff --git a/admin/src/pages/Creation.vue b/admin/src/pages/Creation.vue
index 7810a611f..64efab997 100644
--- a/admin/src/pages/Creation.vue
+++ b/admin/src/pages/Creation.vue
@@ -3,12 +3,20 @@
     <b-row>
       <b-col cols="12" lg="6">
         <label>Usersuche</label>
-        <b-input
-          type="text"
-          v-model="criteria"
-          class="shadow p-3 mb-5 bg-white rounded"
-          placeholder="User suche"
-        ></b-input>
+        <b-input-group>
+          <b-form-input
+            type="text"
+            class="test-input-criteria"
+            v-model="criteria"
+            :placeholder="$t('user_search')"
+          ></b-form-input>
+
+          <b-input-group-append class="test-click-clear-criteria" @click="criteria = ''">
+            <b-input-group-text class="pointer">
+              <b-icon icon="x" />
+            </b-input-group-text>
+          </b-input-group-append>
+        </b-input-group>
         <user-table
           v-if="itemsList.length > 0"
           type="UserListSearch"
diff --git a/admin/src/pages/UserSearch.spec.js b/admin/src/pages/UserSearch.spec.js
index df326923f..fe7bde0cc 100644
--- a/admin/src/pages/UserSearch.spec.js
+++ b/admin/src/pages/UserSearch.spec.js
@@ -143,6 +143,23 @@ describe('UserSearch', () => {
           }),
         )
       })
+
+      describe('reset the search field', () => {
+        it('calls the API with empty criteria', async () => {
+          jest.clearAllMocks()
+          await wrapper.find('.test-click-clear-criteria').trigger('click')
+          expect(apolloQueryMock).toBeCalledWith(
+            expect.objectContaining({
+              variables: {
+                searchText: '',
+                currentPage: 1,
+                pageSize: 25,
+                notActivated: false,
+              },
+            }),
+          )
+        })
+      })
     })
 
     describe('apollo returns error', () => {
diff --git a/admin/src/pages/UserSearch.vue b/admin/src/pages/UserSearch.vue
index eca0189a0..28e1a7774 100644
--- a/admin/src/pages/UserSearch.vue
+++ b/admin/src/pages/UserSearch.vue
@@ -7,12 +7,21 @@
       </b-button>
     </div>
     <label>{{ $t('user_search') }}</label>
-    <b-input
-      type="text"
-      v-model="criteria"
-      class="shadow p-3 mb-3 bg-white rounded"
-      :placeholder="$t('user_search')"
-    ></b-input>
+    <div>
+      <b-input-group>
+        <b-form-input
+          type="text"
+          class="test-input-criteria"
+          v-model="criteria"
+          :placeholder="$t('user_search')"
+        ></b-form-input>
+        <b-input-group-append class="test-click-clear-criteria" @click="criteria = ''">
+          <b-input-group-text class="pointer">
+            <b-icon icon="x" />
+          </b-input-group-text>
+        </b-input-group-append>
+      </b-input-group>
+    </div>
     <user-table type="PageUserSearch" :itemsUser="searchResult" :fieldsTable="fields" />
     <b-pagination
       pills