diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
index 3b2611ef3..b839d2f33 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/__snapshots__/index.test.js.snap
@@ -6,6 +6,7 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
   <div>
     <div class=\\"mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded components-grid-annotation\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"search-minus\\"
            class=\\"svg-inline--fa fa-search-minus fa-w-16 mr-1\\"
@@ -27,6 +28,7 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
     </div>
     <div class=\\"mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded components-grid-annotation\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"search-plus\\"
            class=\\"svg-inline--fa fa-search-plus fa-w-16 mr-1\\"
@@ -46,6 +48,7 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
         data-toggle=\\"dropdown\\"
   >
     <svg aria-hidden=\\"true\\"
+         focusable=\\"false\\"
          data-prefix=\\"fas\\"
          data-icon=\\"caret-down\\"
          class=\\"svg-inline--fa fa-caret-down fa-w-10 pr-1\\"
@@ -99,6 +102,7 @@ exports[`<Alert /> matches snapshot with showAlertmanagers=false showReceiver=fa
      class=\\"components-label-with-hover text-nowrap text-truncate badge mr-1 components-grid-annotation-link\\"
   >
     <svg aria-hidden=\\"true\\"
+         focusable=\\"false\\"
          data-prefix=\\"fas\\"
          data-icon=\\"external-link-alt\\"
          class=\\"svg-inline--fa fa-external-link-alt fa-w-18 \\"
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap
index 5f9775b2b..596302a97 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/__snapshots__/index.test.js.snap
@@ -8,6 +8,7 @@ exports[`<RenderLinkAnnotation /> matches snapshot 1`] = `
    class=\\"components-label-with-hover text-nowrap text-truncate badge mr-1 components-grid-annotation-link\\"
 >
   <svg aria-hidden=\\"true\\"
+       focusable=\\"false\\"
        data-prefix=\\"fas\\"
        data-icon=\\"external-link-alt\\"
        class=\\"svg-inline--fa fa-external-link-alt fa-w-18 \\"
@@ -29,6 +30,7 @@ exports[`<RenderNonLinkAnnotation /> matches snapshot when visible=false 1`] = `
 "
 <div class=\\"mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded components-grid-annotation\\">
   <svg aria-hidden=\\"true\\"
+       focusable=\\"false\\"
        data-prefix=\\"fas\\"
        data-icon=\\"search-plus\\"
        class=\\"svg-inline--fa fa-search-plus fa-w-16 mr-1\\"
@@ -50,6 +52,7 @@ exports[`<RenderNonLinkAnnotation /> matches snapshot when visible=true 1`] = `
 "
 <div class=\\"mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded components-grid-annotation\\">
   <svg aria-hidden=\\"true\\"
+       focusable=\\"false\\"
        data-prefix=\\"fas\\"
        data-icon=\\"search-minus\\"
        class=\\"svg-inline--fa fa-search-minus fa-w-16 mr-1\\"
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
index f98bfd4f7..51fbc5e57 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/__snapshots__/index.test.js.snap
@@ -6,6 +6,7 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
   <div class=\\"mb-1\\">
     <div class=\\"mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded components-grid-annotation\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"search-minus\\"
            class=\\"svg-inline--fa fa-search-minus fa-w-16 mr-1\\"
@@ -27,6 +28,7 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
     </div>
     <div class=\\"mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded components-grid-annotation\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"search-plus\\"
            class=\\"svg-inline--fa fa-search-plus fa-w-16 mr-1\\"
@@ -108,6 +110,7 @@ exports[`<GroupFooter /> matches snapshot 1`] = `
      class=\\"components-label-with-hover text-nowrap text-truncate badge mr-1 components-grid-annotation-link\\"
   >
     <svg aria-hidden=\\"true\\"
+         focusable=\\"false\\"
          data-prefix=\\"fas\\"
          data-icon=\\"external-link-alt\\"
          class=\\"svg-inline--fa fa-external-link-alt fa-w-18 \\"
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap
index 9c03bc7e0..968c49068 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Silence/__snapshots__/index.test.js.snap
@@ -25,6 +25,7 @@ exports[`<Silence /> matches snapshot when data is present in alertStore 1`] = `
                data-original-title=\\"Toggle silence details\\"
           >
             <svg aria-hidden=\\"true\\"
+                 focusable=\\"false\\"
                  data-prefix=\\"fas\\"
                  data-icon=\\"chevron-up\\"
                  class=\\"svg-inline--fa fa-chevron-up fa-w-14 \\"
@@ -80,6 +81,7 @@ exports[`<Silence /> matches snapshot with expaned details 1`] = `
                data-original-title=\\"Toggle silence details\\"
           >
             <svg aria-hidden=\\"true\\"
+                 focusable=\\"false\\"
                  data-prefix=\\"fas\\"
                  data-icon=\\"chevron-down\\"
                  class=\\"svg-inline--fa fa-chevron-down fa-w-14 \\"
@@ -123,6 +125,7 @@ exports[`<Silence /> matches snapshot with expaned details 1`] = `
          class=\\"components-label-with-hover text-nowrap text-truncate badge mr-1 components-grid-annotation-link\\"
       >
         <svg aria-hidden=\\"true\\"
+             focusable=\\"false\\"
              data-prefix=\\"fas\\"
              data-icon=\\"external-link-alt\\"
              class=\\"svg-inline--fa fa-external-link-alt fa-w-18 \\"
@@ -141,6 +144,7 @@ exports[`<Silence /> matches snapshot with expaned details 1`] = `
     <div>
       <span class=\\"badge text-nowrap text-truncate px-1 mr-1\\">
         <svg aria-hidden=\\"true\\"
+             focusable=\\"false\\"
              data-prefix=\\"fas\\"
              data-icon=\\"calendar-check\\"
              class=\\"svg-inline--fa fa-calendar-check fa-w-14 text-muted mr-1\\"
@@ -160,6 +164,7 @@ exports[`<Silence /> matches snapshot with expaned details 1`] = `
       </span>
       <span class=\\"badge  text-nowrap text-truncate px-1 mr-1\\">
         <svg aria-hidden=\\"true\\"
+             focusable=\\"false\\"
              data-prefix=\\"fas\\"
              data-icon=\\"calendar-times\\"
              class=\\"svg-inline--fa fa-calendar-times fa-w-14 text-muted mr-1\\"
@@ -179,6 +184,7 @@ exports[`<Silence /> matches snapshot with expaned details 1`] = `
       </span>
       <span class=\\"badge badge-secondary text-nowrap text-truncate px-1 cursor-pointer components-label-with-hover mr-1\\">
         <svg aria-hidden=\\"true\\"
+             focusable=\\"false\\"
              data-prefix=\\"fas\\"
              data-icon=\\"edit\\"
              class=\\"svg-inline--fa fa-edit fa-w-18 mr-1\\"
@@ -195,6 +201,7 @@ exports[`<Silence /> matches snapshot with expaned details 1`] = `
       </span>
       <span class=\\"badge badge-danger text-nowrap text-truncate px-1 cursor-pointer components-label-with-hover\\">
         <svg aria-hidden=\\"true\\"
+             focusable=\\"false\\"
              data-prefix=\\"fas\\"
              data-icon=\\"trash\\"
              class=\\"svg-inline--fa fa-trash fa-w-14 mr-1\\"
@@ -203,7 +210,7 @@ exports[`<Silence /> matches snapshot with expaned details 1`] = `
              viewbox=\\"0 0 448 512\\"
         >
           <path fill=\\"currentColor\\"
-                d=\\"M0 84V56c0-13.3 10.7-24 24-24h112l9.4-18.7c4-8.2 12.3-13.3 21.4-13.3h114.3c9.1 0 17.4 5.1 21.5 13.3L312 32h112c13.3 0 24 10.7 24 24v28c0 6.6-5.4 12-12 12H12C5.4 96 0 90.6 0 84zm415.2 56.7L394.8 467c-1.6 25.3-22.6 45-47.9 45H101.1c-25.3 0-46.3-19.7-47.9-45L32.8 140.7c-.4-6.9 5.1-12.7 12-12.7h358.5c6.8 0 12.3 5.8 11.9 12.7z\\"
+                d=\\"M432 32H312l-9.4-18.7A24 24 0 0 0 281.1 0H166.8a23.72 23.72 0 0 0-21.4 13.3L136 32H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zM53.2 467a48 48 0 0 0 47.9 45h245.8a48 48 0 0 0 47.9-45L416 128H32z\\"
           >
           </path>
         </svg>
@@ -213,6 +220,7 @@ exports[`<Silence /> matches snapshot with expaned details 1`] = `
     <div>
       <span class=\\"badge text-nowrap text-truncate px-1 mr-1\\">
         <svg aria-hidden=\\"true\\"
+             focusable=\\"false\\"
              data-prefix=\\"fas\\"
              data-icon=\\"filter\\"
              class=\\"svg-inline--fa fa-filter fa-w-16 text-muted mr-1\\"
diff --git a/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
index 33d99d53d..d12eda27a 100644
--- a/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/FatalError/__snapshots__/index.test.js.snap
@@ -6,6 +6,7 @@ exports[`<FatalError /> matches snapshot 1`] = `
   <div class=\\"container-fluid\\">
     <h1 class=\\"display-1 my-5 text-danger\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"exclamation-circle\\"
            class=\\"svg-inline--fa fa-exclamation-circle fa-w-16 \\"
diff --git a/ui/src/Components/Grid/UpgradeNeeded/__snapshots__/index.test.js.snap b/ui/src/Components/Grid/UpgradeNeeded/__snapshots__/index.test.js.snap
index d7d65b563..35e2ce9e9 100644
--- a/ui/src/Components/Grid/UpgradeNeeded/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/Grid/UpgradeNeeded/__snapshots__/index.test.js.snap
@@ -6,6 +6,7 @@ exports[`<UpgradeNeeded /> matches snapshot 1`] = `
   <div class=\\"container-fluid\\">
     <h1 class=\\"display-1 my-5 text-success\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"box-open\\"
            class=\\"svg-inline--fa fa-box-open fa-w-20 \\"
@@ -14,13 +15,14 @@ exports[`<UpgradeNeeded /> matches snapshot 1`] = `
            viewbox=\\"0 0 640 512\\"
       >
         <path fill=\\"currentColor\\"
-              d=\\"M53.2 41L1.7 143.8c-4.6 9.2.3 20.2 10.1 23l197.9 56.5c7.1 2 14.7-1 18.5-7.3L320 64 69.8 32.1c-6.9-.8-13.5 2.7-16.6 8.9zm585.1 102.8L586.8 41c-3.1-6.2-9.8-9.8-16.7-8.9L320 64l91.7 152.1c3.8 6.3 11.4 9.3 18.5 7.3l197.9-56.5c9.9-2.9 14.7-13.9 10.2-23.1zM425.7 256c-16.9 0-32.8-9-41.4-23.4L320 126l-64.2 106.6c-8.7 14.5-24.6 23.5-41.5 23.5-4.5 0-9-.6-13.3-1.9L64 215v178c0 14.7 10 27.5 24.2 31l216.2 54.1c10.2 2.5 20.9 2.5 31 0L551.8 424c14.2-3.6 24.2-16.4 24.2-31V215l-137 39.1c-4.3 1.3-8.8 1.9-13.3 1.9z\\"
+              d=\\"M425.7 256c-16.9 0-32.8-9-41.4-23.4L320 126l-64.2 106.6c-8.7 14.5-24.6 23.5-41.5 23.5-4.5 0-9-.6-13.3-1.9L64 215v178c0 14.7 10 27.5 24.2 31l216.2 54.1c10.2 2.5 20.9 2.5 31 0L551.8 424c14.2-3.6 24.2-16.4 24.2-31V215l-137 39.1c-4.3 1.3-8.8 1.9-13.3 1.9zm212.6-112.2L586.8 41c-3.1-6.2-9.8-9.8-16.7-8.9L320 64l91.7 152.1c3.8 6.3 11.4 9.3 18.5 7.3l197.9-56.5c9.9-2.9 14.7-13.9 10.2-23.1zM53.2 41L1.7 143.8c-4.6 9.2.3 20.2 10.1 23l197.9 56.5c7.1 2 14.7-1 18.5-7.3L320 64 69.8 32.1c-6.9-.8-13.5 2.7-16.6 8.9z\\"
         >
         </path>
       </svg>
     </h1>
     <p class=\\"lead text-muted\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"spinner\\"
            class=\\"svg-inline--fa fa-spinner fa-w-16 fa-spin mr-1\\"
diff --git a/ui/src/Components/MultiSelect/__snapshots__/ValidationError.test.js.snap b/ui/src/Components/MultiSelect/__snapshots__/ValidationError.test.js.snap
index bddec3114..e4f938d0e 100644
--- a/ui/src/Components/MultiSelect/__snapshots__/ValidationError.test.js.snap
+++ b/ui/src/Components/MultiSelect/__snapshots__/ValidationError.test.js.snap
@@ -4,6 +4,7 @@ exports[`<ValidationError /> matches snapshot 1`] = `
 "
 <span class=\\"text-danger\\">
   <svg aria-hidden=\\"true\\"
+       focusable=\\"false\\"
        data-prefix=\\"fas\\"
        data-icon=\\"exclamation-circle\\"
        class=\\"svg-inline--fa fa-exclamation-circle fa-w-16 \\"
diff --git a/ui/src/Components/NavBar/FetchIndicator/__snapshots__/index.test.js.snap b/ui/src/Components/NavBar/FetchIndicator/__snapshots__/index.test.js.snap
index 6c380c8aa..a07e1fa83 100644
--- a/ui/src/Components/NavBar/FetchIndicator/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/NavBar/FetchIndicator/__snapshots__/index.test.js.snap
@@ -3,6 +3,7 @@
 exports[`<FetchIndicator /> matches snapshot when fetch is in progress 1`] = `
 "
 <svg aria-hidden=\\"true\\"
+     focusable=\\"false\\"
      data-prefix=\\"fas\\"
      data-icon=\\"circle-notch\\"
      class=\\"svg-inline--fa fa-circle-notch fa-w-16 fa-spin fa-lg mx-1 text-muted\\"
@@ -22,6 +23,7 @@ exports[`<FetchIndicator /> matches snapshot when fetch is in progress 1`] = `
 exports[`<FetchIndicator /> matches snapshot when idle 1`] = `
 "
 <svg aria-hidden=\\"true\\"
+     focusable=\\"false\\"
      data-prefix=\\"fas\\"
      data-icon=\\"circle-notch\\"
      class=\\"svg-inline--fa fa-circle-notch fa-w-16 fa-lg mx-1 text-muted\\"
@@ -41,6 +43,7 @@ exports[`<FetchIndicator /> matches snapshot when idle 1`] = `
 exports[`<FetchIndicator /> matches snapshot when paused 1`] = `
 "
 <svg aria-hidden=\\"true\\"
+     focusable=\\"false\\"
      data-prefix=\\"far\\"
      data-icon=\\"pause-circle\\"
      class=\\"svg-inline--fa fa-pause-circle fa-w-16 fa-lg mx-1 text-muted\\"
@@ -60,6 +63,7 @@ exports[`<FetchIndicator /> matches snapshot when paused 1`] = `
 exports[`<FetchIndicator /> matches snapshot when response is processed 1`] = `
 "
 <svg aria-hidden=\\"true\\"
+     focusable=\\"false\\"
      data-prefix=\\"fas\\"
      data-icon=\\"circle-notch\\"
      class=\\"svg-inline--fa fa-circle-notch fa-w-16 fa-spin fa-lg mx-1 text-success\\"
diff --git a/ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.js.snap b/ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.js.snap
index adb78d882..619697e12 100644
--- a/ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.js.snap
+++ b/ui/src/Components/NavBar/FilterInput/__snapshots__/index.test.js.snap
@@ -6,6 +6,7 @@ exports[`<FilterInput /> matches snapshot on default render 1`] = `
   <div class=\\"input-group-prepend\\">
     <span class=\\"input-group-text px-2\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"search\\"
            class=\\"svg-inline--fa fa-search fa-w-16 \\"
@@ -51,6 +52,7 @@ exports[`<FilterInput /> matches snapshot on default render 1`] = `
             aria-expanded=\\"true\\"
     >
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"caret-down\\"
            class=\\"svg-inline--fa fa-caret-down fa-w-10 \\"
diff --git a/ui/src/__snapshots__/ErrorBoundary.test.js.snap b/ui/src/__snapshots__/ErrorBoundary.test.js.snap
index f8901340f..5c48ab309 100644
--- a/ui/src/__snapshots__/ErrorBoundary.test.js.snap
+++ b/ui/src/__snapshots__/ErrorBoundary.test.js.snap
@@ -6,6 +6,7 @@ exports[`<ErrorBoundary /> matches snapshot 1`] = `
   <div class=\\"container-fluid\\">
     <h1 class=\\"display-1 my-5\\">
       <svg aria-hidden=\\"true\\"
+           focusable=\\"false\\"
            data-prefix=\\"fas\\"
            data-icon=\\"exclamation-circle\\"
            class=\\"svg-inline--fa fa-exclamation-circle fa-w-16 text-danger mr-2\\"