fix: noOfLines for tags

Author: candicecz

src/components/tag-with-url/index.tsx

@@ -57,7 +57,7 @@ export const TagWithUrl = ({
   // See issue: https://github.com/NIAID-Data-Ecosystem/nde-portal/issues/245
   if (!href)
     return (
-      <Text fontSize={props.fontSize || 'xs'} whiteSpace='nowrap' {...props}>
+      <Text fontSize={props.fontSize || 'xs'} {...props}>
         <Label />
         {children}
       </Text>
@@ -76,11 +76,12 @@ export const TagWithUrl = ({
         },
       }}
       lineHeight='shorter'
+      // whiteSpace='nowrap' // add this to prevent the tag from wrapping
       {...props}
     >
       {leftIcon && <TagLeftIcon as={leftIcon} />}
 
-      <TagLabel fontSize='inherit' lineHeight='inherit'>
+      <TagLabel fontSize='inherit' lineHeight='inherit' display='inline'>
         <Label />
         <Text
           as='span'
@@ -89,7 +90,6 @@ export const TagWithUrl = ({
           fontSize='inherit'
           lineHeight='inherit'
           color='inherit'
-          noOfLines={noOfLines}
         >
           {children}
         </Text>