💄 : Fix Explorer Button in NFT viewer (#6700)

.changeset/little-pens-fly.md

@@ -0,0 +1,5 @@
+---
+"ledger-live-desktop": patch
+---
+
+Fix color of ExplorerButton in NftViewer

apps/ledger-live-desktop/src/renderer/drawers/NFTViewerDrawer/ExternalViewerButton.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, memo } from "react";
-import styled, { useTheme } from "styled-components";
+import styled from "styled-components";
 import { useHistory } from "react-router-dom";
 import Box from "~/renderer/components/Box";
 import Button from "~/renderer/components/Button";
@@ -8,7 +8,7 @@ import IconExternal from "~/renderer/icons/ExternalLink";
 import useNftLinks from "~/renderer/hooks/useNftLinks";
 import { setDrawer } from "~/renderer/drawers/Provider";
 import { Account, ProtoNFT, NFTMetadata } from "@ledgerhq/types-live";
-import { IconsLegacy } from "@ledgerhq/react-ui";
+import { Icons } from "@ledgerhq/react-ui";
 
 const Separator = styled.div`
   background-color: ${p => p.theme.colors.palette.divider};
@@ -62,7 +62,6 @@ type ExternalViewerButtonProps = {
 };
 const ExternalViewerButton = ({ nft, account, metadata }: ExternalViewerButtonProps) => {
   const history = useHistory();
-  const theme = useTheme();
   const onHideCollection = useCallback(() => {
     setDrawer();
     history.replace(`/account/${account.id}/`);
@@ -80,7 +79,7 @@ const ExternalViewerButton = ({ nft, account, metadata }: ExternalViewerButtonPr
               height: 40,
             }}
           >
-            <IconsLegacy.OthersMedium size={14} color={theme.colors.palette.text.shade50} />
+            <Icons.MoreHorizontal size="S" />
           </Button>
         </Box>
       )}