diff --git a/src/View/.translations.ts.swp b/src/View/.translations.ts.swp
index 76c8a776..5ff93499 100644
Binary files a/src/View/.translations.ts.swp and b/src/View/.translations.ts.swp differ
diff --git a/src/View/Modals/.searchModal.tsx.swp b/src/View/Modals/.searchModal.tsx.swp
index 3f31314d..5a801363 100644
Binary files a/src/View/Modals/.searchModal.tsx.swp and b/src/View/Modals/.searchModal.tsx.swp differ
diff --git a/src/View/Modals/searchModal.tsx b/src/View/Modals/searchModal.tsx
index 8df3df0b..37fa1eb7 100644
--- a/src/View/Modals/searchModal.tsx
+++ b/src/View/Modals/searchModal.tsx
@@ -70,24 +70,25 @@ export function SearchModal<T>(
                         </button>
                     </div>
 
-		    <hr></hr>
-
-		    <h3>{coreViewModel.translations.general.searchSuggestionsLabel}</h3>
-
-                    <div
-                        class="flex-column gap"
-                        children:append={[
-                                searchViewModel.suggestions,
-			    (suggestion: string) => SuggestionView(suggestion, searchViewModel, coreViewModel),
-                        ]}
-                    ></div>
-                </main>
-                <button on:click={close}>
-                    {coreViewModel.translations.general.closeButton}
-                    <span class="icon">close</span>
-                </button>
-            </div>
-        </div>
+		    <div 
+			toggle:hidden={searchViewModel.hasNoSuggestions}>
+			<hr></hr>
+			<h3>{coreViewModel.translations.general.searchSuggestionsLabel}</h3>
+			<div
+			    class="flex-column gap"
+			    children:append={[
+				searchViewModel.suggestions,
+				(suggestion: string) => SuggestionView(suggestion, searchViewModel, coreViewModel),
+			    ]}
+			></div>
+		    </div>
+		</main>
+		<button on:click={close}>
+		    {coreViewModel.translations.general.closeButton}
+		    <span class="icon">close</span>
+		</button>
+	    </div>
+	</div>
     );
 }
 
@@ -97,7 +98,7 @@ function SuggestionView<T>(suggestion: string, searchViewModel: SearchViewModel<
     function deleteSuggestion() {
 	searchViewModel.deleteSuggestion(suggestion);
     }
-    
+
     function applySuggestion() {
 	searchViewModel.search(suggestion);
     }
diff --git a/src/ViewModel/Global/.coreViewModel.ts.swp b/src/ViewModel/Global/.coreViewModel.ts.swp
index afa081a5..ade7e2ef 100644
Binary files a/src/ViewModel/Global/.coreViewModel.ts.swp and b/src/ViewModel/Global/.coreViewModel.ts.swp differ
diff --git a/src/ViewModel/Pages/.boardViewModel.ts.swp b/src/ViewModel/Pages/.boardViewModel.ts.swp
index 1180feb9..05a6e037 100644
Binary files a/src/ViewModel/Pages/.boardViewModel.ts.swp and b/src/ViewModel/Pages/.boardViewModel.ts.swp differ
diff --git a/src/ViewModel/Utility/.searchViewModel.ts.swp b/src/ViewModel/Utility/.searchViewModel.ts.swp
index b1bfdc02..adfc033c 100644
Binary files a/src/ViewModel/Utility/.searchViewModel.ts.swp and b/src/ViewModel/Utility/.searchViewModel.ts.swp differ
diff --git a/src/ViewModel/Utility/searchViewModel.ts b/src/ViewModel/Utility/searchViewModel.ts
index 36621d15..d8ac9592 100644
--- a/src/ViewModel/Utility/searchViewModel.ts
+++ b/src/ViewModel/Utility/searchViewModel.ts
@@ -15,6 +15,7 @@ export default class SearchViewModel<T> {
         [this.searchInput],
         () => this.searchInput.value == "",
     );
+    hasNoSuggestions: React.State<boolean> = React.createProxyState([this.suggestions], ()=>this.suggestions.value.size == 0);
 
     // methods
     search = (searchTerm: string): void => {