From 1d17056bf3fea8109622c0d15a2897f149d946b4 Mon Sep 17 00:00:00 2001
From: WRadoslaw <r.wyszynski00@gmail.com>
Date: Wed, 16 Aug 2023 10:58:38 +0200
Subject: [PATCH] Wrap text with span on ResultTitle

---
 .../src/components/Searchbar/SearchBox/ResultTitle.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/atlas/src/components/Searchbar/SearchBox/ResultTitle.tsx b/packages/atlas/src/components/Searchbar/SearchBox/ResultTitle.tsx
index e09cc51090..e59762b73a 100644
--- a/packages/atlas/src/components/Searchbar/SearchBox/ResultTitle.tsx
+++ b/packages/atlas/src/components/Searchbar/SearchBox/ResultTitle.tsx
@@ -1,4 +1,4 @@
-import { FC, Fragment } from 'react'
+import { FC } from 'react'
 
 import { SPECIAL_CHARACTERS } from '@/config/regex'
 
@@ -14,7 +14,7 @@ export const ResultTitle: FC<ResultTitleProps> = ({ title, query }) => {
     return null
   }
   if (!query) {
-    return <>{title}</>
+    return <span>{title}</span>
   }
 
   const filteredQuery = query.replace(SPECIAL_CHARACTERS, '\\$&').replace(/\s+/g, '|')
@@ -23,7 +23,7 @@ export const ResultTitle: FC<ResultTitleProps> = ({ title, query }) => {
   const match = title.match(regex)
 
   if (!match || !match.length) {
-    return <>{title}</>
+    return <span>{title}</span>
   }
 
   return (
@@ -32,7 +32,7 @@ export const ResultTitle: FC<ResultTitleProps> = ({ title, query }) => {
         if (match.includes(word)) {
           return <HighlightedWord key={`${word}-${idx}`}>{word} </HighlightedWord>
         }
-        return <Fragment key={`${word}-${idx}`}>{word} </Fragment>
+        return <span key={`${word}-${idx}`}>{word} </span>
       })}
     </>
   )