icon tag update

packages/app/src/components/Page/RenderTagLabels.tsx

@@ -36,8 +36,8 @@ const RenderTagLabels = React.memo((props: RenderTagLabelsProps) => {
           className={`btn btn-link btn-edit-tags text-muted ${isTagsEmpty ? 'px-2 py-0 no-tags' : 'p-0'} ${isGuestUser && 'disabled'}`}
           onClick={openEditorHandler}
         >
-          { isTagsEmpty && <span>{ t('Add tags for this page') }</span>}
-          <span className={'ml-1 icon-plus'}/>
+          { isTagsEmpty && <>{ t('Add tags for this page') }</>}
+          <i className={'ml-1 icon-plus'}/>
         </a>
       </div>
       {isGuestUser && (

packages/app/src/components/Page/TagLabels.tsx

@@ -37,7 +37,7 @@ export const TagLabels:FC<Props> = (props: Props) => {
   return (
     <>
       <div className={`${styles['grw-tag-labels']} grw-tag-labels d-flex align-items-center`} data-testid="grw-tag-labels">
-        <span className="tag-icon icon-tag"/>
+        <i className="tag-icon icon-tag"/>
         <RenderTagLabels
           tags={tags}
           openEditorModal={openEditorModal}