From fe1829020ce4f6f15f2fb5ebf6b2248afa3a7836 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 31 Jan 2024 10:46:03 -0800
Subject: [PATCH] Fix suggestion wrapping on small screens

---
 src/components/quicklaunch.jsx           | 4 ++--
 src/components/widgets/search/search.jsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/quicklaunch.jsx b/src/components/quicklaunch.jsx
index c7d6e56d..4c73e8a6 100644
--- a/src/components/quicklaunch.jsx
+++ b/src/components/quicklaunch.jsx
@@ -275,14 +275,14 @@ export default function QuickLaunch({
                         <div className="flex flex-col md:flex-row text-left items-baseline mr-4 pointer-events-none">
                           {r.type !== "searchSuggestion" && <span className="mr-4">{r.name}</span>}
                           {r.type === "searchSuggestion" && (
-                            <>
+                            <div class="flex-nowrap">
                               <span className="whitespace-pre">
                                 {r.name.indexOf(searchString) === 0 ? searchString : ""}
                               </span>
                               <span className="mr-4 whitespace-pre opacity-50">
                                 {r.name.indexOf(searchString) === 0 ? r.name.substring(searchString.length) : r.name}
                               </span>
-                            </>
+                            </div>
                           )}
                           {r.description && (
                             <span className="text-xs text-theme-600 text-light">
diff --git a/src/components/widgets/search/search.jsx b/src/components/widgets/search/search.jsx
index 272d9529..6a634308 100644
--- a/src/components/widgets/search/search.jsx
+++ b/src/components/widgets/search/search.jsx
@@ -233,7 +233,7 @@ export default function Search({ options }) {
                       {({ active }) => (
                         <div
                           className={classNames(
-                            "px-2 py-1 rounded-md w-full",
+                            "px-2 py-1 rounded-md w-full flex-nowrap",
                             active ? "bg-theme-300/20 dark:bg-white/10" : "",
                           )}
                         >