diff --git a/.changeset/beige-needles-sip.md b/.changeset/beige-needles-sip.md
new file mode 100644
index 000000000000..074863d9376e
--- /dev/null
+++ b/.changeset/beige-needles-sip.md
@@ -0,0 +1,6 @@
+---
+"ledger-live-desktop": patch
+"live-mobile": patch
+---
+
+Default ProviderIcon to boxed mode in order to support light and dark mode out of the box
diff --git a/apps/ledger-live-desktop/src/renderer/components/ProviderIcon/index.tsx b/apps/ledger-live-desktop/src/renderer/components/ProviderIcon/index.tsx
index ce26016f28b8..2897439a3315 100644
--- a/apps/ledger-live-desktop/src/renderer/components/ProviderIcon/index.tsx
+++ b/apps/ledger-live-desktop/src/renderer/components/ProviderIcon/index.tsx
@@ -13,7 +13,7 @@ export type Props = {
 const ProviderIcon = ({
   name,
   size = "S",
-  boxed = false,
+  boxed = true,
   alt = `${name} icon`,
 }: Props): JSX.Element | null => {
   const iconUrl = getProviderIconUrl({ boxed, name });
diff --git a/apps/ledger-live-desktop/src/renderer/families/ethereum/StakeFlowModal/StakingIcon.tsx b/apps/ledger-live-desktop/src/renderer/families/ethereum/StakeFlowModal/StakingIcon.tsx
index b26e4dd50dcd..ea9c62668ee2 100644
--- a/apps/ledger-live-desktop/src/renderer/families/ethereum/StakeFlowModal/StakingIcon.tsx
+++ b/apps/ledger-live-desktop/src/renderer/families/ethereum/StakeFlowModal/StakingIcon.tsx
@@ -46,7 +46,7 @@ export function StakingIcon({ icon }: Props) {
   if (iconType === "provider") {
     return (
       <ProviderIconContainer>
-        <ProviderIcon name={iconName} size="S" boxed={true} />
+        <ProviderIcon name={iconName} size="S" />
       </ProviderIconContainer>
     );
   }
diff --git a/apps/ledger-live-desktop/src/renderer/screens/exchange/Swap2/Form/Rates/Rate.tsx b/apps/ledger-live-desktop/src/renderer/screens/exchange/Swap2/Form/Rates/Rate.tsx
index 17bc69942c76..8bade3be8e44 100644
--- a/apps/ledger-live-desktop/src/renderer/screens/exchange/Swap2/Form/Rates/Rate.tsx
+++ b/apps/ledger-live-desktop/src/renderer/screens/exchange/Swap2/Form/Rates/Rate.tsx
@@ -59,7 +59,7 @@ function Rate({
     >
       {icon && (
         <Box mr={2}>
-          <ProviderIcon size="S" name={icon} boxed={true} />
+          <ProviderIcon size="S" name={icon} />
         </Box>
       )}
       <Box flex={1}>
diff --git a/apps/ledger-live-mobile/src/components/ProviderIcon/index.tsx b/apps/ledger-live-mobile/src/components/ProviderIcon/index.tsx
index 5bf88a8ca8f0..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;
@@ -9,9 +10,13 @@ export type Props = {
   boxed?: boolean;
 };
 
-const ProviderIcon = ({ name, size = "S", boxed = false }: Props): JSX.Element | null => {
+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;