From 07bb5b37a5c20ee0051cef9f2e1fc93caef7c53e Mon Sep 17 00:00:00 2001
From: Erik Sundell <erik.sundell87@gmail.com>
Date: Fri, 1 Apr 2022 17:23:13 +0200
Subject: [PATCH] make tooltip tabable (#47137)

---
 .../grafana-ui/src/components/Forms/InlineLabel.tsx   | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/grafana-ui/src/components/Forms/InlineLabel.tsx b/packages/grafana-ui/src/components/Forms/InlineLabel.tsx
index c9c6cc8a98c..7f98ba25684 100644
--- a/packages/grafana-ui/src/components/Forms/InlineLabel.tsx
+++ b/packages/grafana-ui/src/components/Forms/InlineLabel.tsx
@@ -1,9 +1,10 @@
-import React, { FunctionComponent } from 'react';
-import { GrafanaTheme } from '@grafana/data';
 import { css, cx } from '@emotion/css';
-import { Tooltip, PopoverContent } from '../Tooltip';
-import { Icon } from '../Icon/Icon';
+import { GrafanaTheme } from '@grafana/data';
+import React, { FunctionComponent } from 'react';
+
 import { useTheme } from '../../themes';
+import { Icon } from '../Icon/Icon';
+import { PopoverContent, Tooltip } from '../Tooltip';
 import { LabelProps } from './Label';
 
 export interface Props extends Omit<LabelProps, 'css' | 'description' | 'category'> {
@@ -41,7 +42,7 @@ export const InlineLabel: FunctionComponent<Props> = ({
       {children}
       {tooltip && (
         <Tooltip placement="top" content={tooltip} theme="info">
-          <Icon name="info-circle" size="sm" className={styles.icon} />
+          <Icon tabIndex={0} name="info-circle" size="sm" className={styles.icon} />
         </Tooltip>
       )}
     </Component>