SONAR-19345 Fixes for showing variants for an issue

diff --git a/server/sonar-web/src/main/js/components/issue/components/IssueActionsBar.tsx b/server/sonar-web/src/main/js/components/issue/components/IssueActionsBar.tsx
index 8b2552bbc328b77bbe7f7e3dbcc616696bd858f6..ec51b6f62e954ef57ce096b0b94e0a2d0270504b 100644 (file)
--- a/server/sonar-web/src/main/js/components/issue/components/IssueActionsBar.tsx
+++ b/server/sonar-web/src/main/js/components/issue/components/IssueActionsBar.tsx
@@ -191,7 +191,9 @@ export default function IssueActionsBar(props: Props) {
             <Tooltip
               overlay={translateWithParameters('issue.from_external_rule_engine', ruleEngine)}
             >
-              <Badge>{ruleEngine}</Badge>
+              <span>
+                <Badge>{ruleEngine}</Badge>
+              </span>
             </Tooltip>
           </li>
         )}
@@ -200,11 +202,11 @@ export default function IssueActionsBar(props: Props) {
           <>
             <IssueMetaListItem>
               <Tooltip overlay={issue.codeVariants.join(', ')}>
-                <>
+                <span>
                   {issue.codeVariants.length > 1
                     ? translateWithParameters('issue.x_code_variants', issue.codeVariants.length)
                     : translate('issue.1_code_variant')}
-                </>
+                </span>
               </Tooltip>
             </IssueMetaListItem>
             <SeparatorCircleIcon aria-hidden as="li" />