diff --git a/.betterer.results b/.betterer.results
index d7567cca96f..2f098ca8e1a 100644
--- a/.betterer.results
+++ b/.betterer.results
@@ -3521,7 +3521,7 @@ exports[`better eslint`] = {
       [8, 12, 3, "Unexpected any. Specify a different type.", "193409811"],
       [11, 53, 3, "Unexpected any. Specify a different type.", "193409811"]
     ],
-    "public/app/core/components/TagFilter/TagFilter.tsx:818083657": [
+    "public/app/core/components/TagFilter/TagFilter.tsx:2477083789": [
       [35, 30, 3, "Unexpected any. Specify a different type.", "193409811"],
       [109, 32, 3, "Unexpected any. Specify a different type.", "193409811"],
       [132, 24, 3, "Unexpected any. Specify a different type.", "193409811"],
diff --git a/public/app/core/components/TagFilter/TagFilter.tsx b/public/app/core/components/TagFilter/TagFilter.tsx
index 80f94914005..5dfc5d88a3e 100644
--- a/public/app/core/components/TagFilter/TagFilter.tsx
+++ b/public/app/core/components/TagFilter/TagFilter.tsx
@@ -161,7 +161,7 @@ export const TagFilter: FC<Props> = ({
   return (
     <div className={styles.tagFilter}>
       {isClearable && tags.length > 0 && (
-        <span className={styles.clear} onClick={() => onTagChange([])}>
+        <span className={styles.clear} onClick={() => onTagChange([])} tabIndex={0}>
           Clear tags
         </span>
       )}
@@ -187,7 +187,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
     text-decoration: underline;
     font-size: 12px;
     position: absolute;
-    top: -22px;
+    top: -17px;
     right: 0;
     cursor: pointer;
     color: ${theme.colors.text.secondary};