replace Text with Box

ui/shared/EmptySearchResult.tsx

-import { Box, Heading, Text, Icon } from '@chakra-ui/react';
+import { Box, Heading, Icon } from '@chakra-ui/react';
 import React from 'react';
 
 // This icon doesn't work properly when it is in the sprite
@@ -30,9 +30,9 @@ const EmptySearchResult = ({ text }: Props) => {
         No results
       </Heading>
 
-      <Text as="div" fontSize={{ base: 'sm', sm: 'md' }} align="center">
+      <Box fontSize={{ base: 'sm', sm: 'md' }} textAlign="center">
         { text }
-      </Text>
+      </Box>
     </Box>
   );
 };