diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9b80352e3..f760b994d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,8 @@
   [#1949](https://github.com/nextcloud/cookbook/pull/1949) @seyfeb
 - **Settings:** Don't show error when update interval field is empty while typing.
   [#1963](https://github.com/nextcloud/cookbook/pull/1963) @seyfeb
+- Fix searching recipes by string.
+  [#1965](https://github.com/nextcloud/cookbook/pull/1965) @seyfeb
 
 ### Maintenance
 - Update dependencies (stylelint-config-idiomatic-ordering) by @dependabot
diff --git a/src/components/AppControls/AppControls.vue b/src/components/AppControls/AppControls.vue
index 18b46ca39..cc63071f1 100644
--- a/src/components/AppControls/AppControls.vue
+++ b/src/components/AppControls/AppControls.vue
@@ -94,10 +94,17 @@
                 icon="icon-quota"
                 :value="filterValue"
                 @update:value="updateFilters"
+                aria-label="Filter current recipes"
             >
+                <template #icon>
+                    <FilterIcon :size="20" />
+                </template>
                 {{ t('cookbook', 'Filter') }}
             </NcActionInput>
-            <NcActionInput icon="icon-search" @submit="search">
+            <NcActionInput @submit="search" aria-label="Search recipes">
+                <template #icon>
+                    <SearchIcon :size="20" />
+                </template>
                 {{ t('cookbook', 'Search') }}
             </NcActionInput>
         </NcActions>
@@ -197,9 +204,11 @@ import NcLoadingIcon from '@nextcloud/vue/dist/Components/NcLoadingIcon';
 import PencilIcon from 'icons/Pencil.vue';
 import LoadingIcon from 'icons/Loading.vue';
 import CheckmarkIcon from 'icons/Check.vue';
+import FilterIcon from 'icons/FilterOutline.vue';
 import PrinterIcon from 'icons/Printer.vue';
 import EyeIcon from 'icons/Eye.vue';
 import ContentDuplicateIcon from 'icons/ContentDuplicate.vue';
+import SearchIcon from 'icons/Magnify.vue';
 
 import helpers from 'cookbook/js/helper';
 import {
@@ -317,7 +326,7 @@ const saveChanges = () => {
 };
 
 const search = (e) => {
-    helpers.goTo(`/search/${e.target[1].value}`);
+    helpers.goTo(`/search/${e.target[0].value}`);
 };
 
 const updateFilters = (e) => {