diff --git a/src/components/BrowserSelector.tsx b/src/components/BrowserSelector.tsx
index d425a5cb..9a0aebd3 100644
--- a/src/components/BrowserSelector.tsx
+++ b/src/components/BrowserSelector.tsx
@@ -1,6 +1,6 @@
 import { TooltipNote, WithTooltip } from "@storybook/components";
 import { styled } from "@storybook/theming";
-import React from "react";
+import React, { ComponentProps } from "react";
 
 import { Browser, BrowserInfo, ComparisonResult } from "../gql/graphql";
 import { aggregateResult } from "../utils/aggregateResult";
@@ -50,15 +50,20 @@ export const BrowserSelector = ({
     icon = <StatusDotWrapper status={aggregate}>{icon}</StatusDotWrapper>;
   }
 
-  const links =
+  type Link = ComponentProps<typeof TooltipMenu>["links"][0];
+
+  const links: Link[] =
     browserResults.length > 1 &&
-    browserResults.map(({ browser, result }) => ({
-      active: selectedBrowser === browser,
-      id: browser.id,
-      onClick: () => onSelectBrowser(browser),
-      right: !isAccepted && result !== ComparisonResult.Equal && <StatusDot status={result} />,
-      title: browser.name,
-    }));
+    browserResults.map(
+      ({ browser, result }): Link => ({
+        active: selectedBrowser === browser,
+        id: browser.id,
+        onClick: () => onSelectBrowser(browser),
+        right: !isAccepted && result !== ComparisonResult.Equal && <StatusDot status={result} />,
+        icon: browserIcons[browser.key],
+        title: browser.name,
+      })
+    );
 
   return (
     <WithTooltip