diff --git a/.changeset/sixty-eagles-watch.md b/.changeset/sixty-eagles-watch.md
new file mode 100644
index 000000000000..a6f0d904195c
--- /dev/null
+++ b/.changeset/sixty-eagles-watch.md
@@ -0,0 +1,5 @@
+---
+"ledger-live-desktop": patch
+---
+
+Fix Animation Color
diff --git a/apps/ledger-live-desktop/src/newArch/features/WalletSync/screens/DeviceActions/FollowStepsOnDevice.tsx b/apps/ledger-live-desktop/src/newArch/features/WalletSync/screens/DeviceActions/FollowStepsOnDevice.tsx
index ea57db6708b1..79b612228655 100644
--- a/apps/ledger-live-desktop/src/newArch/features/WalletSync/screens/DeviceActions/FollowStepsOnDevice.tsx
+++ b/apps/ledger-live-desktop/src/newArch/features/WalletSync/screens/DeviceActions/FollowStepsOnDevice.tsx
@@ -17,9 +17,11 @@ const getProductName = (modelId: DeviceModelId) =>
   getDeviceModel(modelId)?.productName.replace("Ledger", "").trimStart() || modelId;
 
 export default function FollowStepsOnDevice({ modelId, isDeviceBlocker }: Props) {
-  const { theme } = useTheme();
+  const { colors } = useTheme();
+  const theme = colors.palette.type;
   const { t } = useTranslation();
   const wording = getProductName(modelId);
+
   return (
     <>
       {isDeviceBlocker ? <DeviceBlocker /> : null}