diff --git a/CHANGELOG.md b/CHANGELOG.md
index f760b994d..41a7e3423 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,8 @@
   [#1963](https://github.com/nextcloud/cookbook/pull/1963) @seyfeb
 - Fix searching recipes by string.
   [#1965](https://github.com/nextcloud/cookbook/pull/1965) @seyfeb
+- Replace eye icon with close icon for cancelling recipe edit
+  [#1971](https://github.com/nextcloud/cookbook/pull/1971) @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 cc63071f1..92348d0f1 100644
--- a/src/components/AppControls/AppControls.vue
+++ b/src/components/AppControls/AppControls.vue
@@ -93,15 +93,15 @@
             <NcActionInput
                 icon="icon-quota"
                 :value="filterValue"
-                @update:value="updateFilters"
                 aria-label="Filter current recipes"
+                @update:value="updateFilters"
             >
                 <template #icon>
                     <FilterIcon :size="20" />
                 </template>
                 {{ t('cookbook', 'Filter') }}
             </NcActionInput>
-            <NcActionInput @submit="search" aria-label="Search recipes">
+            <NcActionInput aria-label="Search recipes" @submit="search">
                 <template #icon>
                     <SearchIcon :size="20" />
                 </template>
@@ -142,7 +142,7 @@
                         "
                         :size="20"
                     />
-                    <eye-icon v-else :size="20" />
+                    <AbortIcon v-else :size="20" />
                 </template>
             </NcActionButton>
             <NcActionButton
@@ -206,7 +206,7 @@ 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 AbortIcon from 'icons/Close.vue';
 import ContentDuplicateIcon from 'icons/ContentDuplicate.vue';
 import SearchIcon from 'icons/Magnify.vue';