Fix text wrap on long server names in search bar

Author: DaneEveritt

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>
                             ))