diff --git a/src/View/.chatPage.css.swp b/src/View/.chatPage.css.swp
deleted file mode 100644
index caf24de0..00000000
Binary files a/src/View/.chatPage.css.swp and /dev/null differ
diff --git a/src/View/.translations.ts.swp b/src/View/.translations.ts.swp
new file mode 100644
index 00000000..9a19acb2
Binary files /dev/null and b/src/View/.translations.ts.swp differ
diff --git a/src/View/Modals/.searchModal.tsx.swp b/src/View/Modals/.searchModal.tsx.swp
new file mode 100644
index 00000000..6cf129b5
Binary files /dev/null and b/src/View/Modals/.searchModal.tsx.swp differ
diff --git a/src/View/Modals/.taskSettingsModal.tsx.swp b/src/View/Modals/.taskSettingsModal.tsx.swp
deleted file mode 100644
index b103cd06..00000000
Binary files a/src/View/Modals/.taskSettingsModal.tsx.swp and /dev/null differ
diff --git a/src/View/Modals/searchModal.tsx b/src/View/Modals/searchModal.tsx
index b79c0c8c..35aee08b 100644
--- a/src/View/Modals/searchModal.tsx
+++ b/src/View/Modals/searchModal.tsx
@@ -28,9 +28,9 @@ export function SearchModal<T>(
             <div>
                 <main>
                     <h2>{headline}</h2>
-                    <div class="flex-row width-input">
+                    <div class="flex-row">
                         <input
-                            id="focused"
+			    id="focused"
                             placeholder={
                                 coreViewModel.translations.general.searchLabel
                             }
@@ -46,6 +46,17 @@ export function SearchModal<T>(
                                 StringToOption,
                             ]}
                         ></datalist>
+                        <button
+                            class="standard"
+                            aria-label={
+                                coreViewModel.translations.general
+                                    .searchButtonClearAudioLabel
+                            }
+                            on:click={searchViewModel.clear}
+                            toggle:disabled={searchViewModel.cannotClear}
+                        >
+                            <span class="icon">close</span>
+                        </button>
                         <button
                             class="primary"
                             aria-label={
diff --git a/src/View/translations.ts b/src/View/translations.ts
index 289973f7..a0a6ec20 100644
--- a/src/View/translations.ts
+++ b/src/View/translations.ts
@@ -6,6 +6,7 @@ const englishTranslations = {
     general: {
         deleteItemButtonAudioLabel: "delete item",
         searchButtonAudioLabel: "search",
+        searchButtonClearAudioLabel: "clear search query",
 
         abortButton: "Abort",
         cancelButton: "Cancel",
diff --git a/src/ViewModel/Global/.coreViewModel.ts.swp b/src/ViewModel/Global/.coreViewModel.ts.swp
index 1c5e71bb..f38b173e 100644
Binary files a/src/ViewModel/Global/.coreViewModel.ts.swp and b/src/ViewModel/Global/.coreViewModel.ts.swp differ
diff --git a/src/ViewModel/Utility/.searchViewModel.ts.swp b/src/ViewModel/Utility/.searchViewModel.ts.swp
new file mode 100644
index 00000000..ca219231
Binary files /dev/null and b/src/ViewModel/Utility/.searchViewModel.ts.swp differ
diff --git a/src/ViewModel/Utility/searchViewModel.ts b/src/ViewModel/Utility/searchViewModel.ts
index b3d13533..2140ace2 100644
--- a/src/ViewModel/Utility/searchViewModel.ts
+++ b/src/ViewModel/Utility/searchViewModel.ts
@@ -18,6 +18,10 @@ export default class SearchViewModel<T> {
         [this.searchInput, this.appliedQuery],
         () => this.searchInput.value == this.appliedQuery.value,
     );
+    cannotClear: React.State<boolean> = React.createProxyState(
+        [this.searchInput],
+        () => this.searchInput.value == "",
+    );
 
     // methods
     search = (searchTerm: string): void => {
@@ -37,6 +41,10 @@ export default class SearchViewModel<T> {
         }
     };
 
+    clear = (): void => {
+	this.searchInput.value = "";
+    }
+
     // init
     constructor(
         allObjects: React.ListState<T> | React.MapState<T>,