From f52f13600f9d74e7b8b3c4250274eab7617e463a Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Thu, 15 Oct 2020 21:23:31 -0700
Subject: [PATCH] Fix text wrap on long server names in search bar

---
 .../components/dashboard/search/SearchModal.tsx        | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/scripts/components/dashboard/search/SearchModal.tsx b/resources/scripts/components/dashboard/search/SearchModal.tsx
index e8a2a7511..5bc1fe290 100644
--- a/resources/scripts/components/dashboard/search/SearchModal.tsx
+++ b/resources/scripts/components/dashboard/search/SearchModal.tsx
@@ -105,7 +105,7 @@ export default ({ ...props }: Props) => {
                                     to={`/server/${server.id}`}
                                     onClick={() => props.onDismissed()}
                                 >
-                                    <div>
+                                    <div css={tw`flex-1 mr-4`}>
                                         <p css={tw`text-sm`}>{server.name}</p>
                                         <p css={tw`mt-1 text-xs text-neutral-400`}>
                                             {
@@ -115,10 +115,10 @@ export default ({ ...props }: Props) => {
                                             }
                                         </p>
                                     </div>
-                                    <div css={tw`flex-1 text-right`}>
-                                    <span css={tw`text-xs py-1 px-2 bg-cyan-800 text-cyan-100 rounded`}>
-                                        {server.node}
-                                    </span>
+                                    <div css={tw`flex-none text-right`}>
+                                        <span css={tw`text-xs py-1 px-2 bg-cyan-800 text-cyan-100 rounded`}>
+                                            {server.node}
+                                        </span>
                                     </div>
                                 </ServerResult>
                             ))