From e87b5c9617bf36e179a88deb2fab59c181db3e65 Mon Sep 17 00:00:00 2001
From: Chuck Ng <cheuk-man.ng@ledger.fr>
Date: Wed, 2 Aug 2023 21:30:32 +0100
Subject: [PATCH] bugfix(LIVE-8841): wrap llm icon with a ccontainer

---
 .../src/components/ProviderIcon/index.tsx                  | 7 ++++++-
 .../src/components/ProviderIcon/styles.ts                  | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/ledger-live-mobile/src/components/ProviderIcon/index.tsx b/apps/ledger-live-mobile/src/components/ProviderIcon/index.tsx
index d2f3d41fece2..f7af0195cbe2 100644
--- a/apps/ledger-live-mobile/src/components/ProviderIcon/index.tsx
+++ b/apps/ledger-live-mobile/src/components/ProviderIcon/index.tsx
@@ -2,6 +2,7 @@ import React from "react";
 import { getProviderIconUrl } from "@ledgerhq/live-common/icons/providers/providers";
 import { ProviderIconSize } from "@ledgerhq/live-common/icons/providers/sizes";
 import * as Styles from "./styles";
+import { SvgUri } from "react-native-svg";
 
 export type Props = {
   name: string;
@@ -11,7 +12,11 @@ export type Props = {
 
 const ProviderIcon = ({ name, size = "S", boxed = true }: Props): JSX.Element | null => {
   const iconUrl = getProviderIconUrl({ boxed, name });
-  return <Styles.Icon uri={iconUrl} size={size} />;
+  return (
+    <Styles.Contianer size={size}>
+      <SvgUri uri={iconUrl} />
+    </Styles.Contianer>
+  );
 };
 
 export default ProviderIcon;
diff --git a/apps/ledger-live-mobile/src/components/ProviderIcon/styles.ts b/apps/ledger-live-mobile/src/components/ProviderIcon/styles.ts
index ccc809da3c4d..d9721b82ad1d 100644
--- a/apps/ledger-live-mobile/src/components/ProviderIcon/styles.ts
+++ b/apps/ledger-live-mobile/src/components/ProviderIcon/styles.ts
@@ -1,12 +1,12 @@
 import styled from "styled-components/native";
-import { SvgUri } from "react-native-svg";
 import { ProviderIconSize, ProviderIconSizes } from "@ledgerhq/live-common/icons/providers/sizes";
+import { View } from "react-native";
 
 type StyledIconProps = {
   size: ProviderIconSize;
 };
 
-export const Icon = styled(SvgUri)<StyledIconProps>`
+export const Contianer = styled(View)<StyledIconProps>`
   border-radius: 8px;
   width: ${({ size }) => ProviderIconSizes[size]}px;
   height: ${({ size }) => ProviderIconSizes[size]}px;