diff --git a/.changeset/empty-mayflies-pump.md b/.changeset/empty-mayflies-pump.md
new file mode 100644
index 000000000000..e6285c419f2b
--- /dev/null
+++ b/.changeset/empty-mayflies-pump.md
@@ -0,0 +1,5 @@
+---
+"live-mobile": patch
+---
+
+add WS scan qr code
diff --git a/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/Fallback.tsx b/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/Fallback.tsx
index 4c46666eda75..cba184296984 100644
--- a/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/Fallback.tsx
+++ b/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/Fallback.tsx
@@ -12,6 +12,7 @@ type Props = {
   buttonTitle: string;
   onPress: () => void;
   event: string;
+  hasNoBackground?: boolean;
 };
 
 const IconSettings = () => <Icon name="settings" size={16} color="neutral.c100" />;
@@ -22,11 +23,12 @@ const FallbackCameraBody: React.FC<Props> = ({
   buttonTitle,
   onPress,
   event,
+  hasNoBackground,
 }: Props) => {
   const { colors } = useTheme();
 
   return (
-    <Flex flex={1} bg="background.main" px={6}>
+    <Flex flex={1} bg={hasNoBackground ? "transparent" : "background.main"} px={6}>
       <Flex flex={1} alignItems="center" justifyContent="center">
         <FallbackCamera color={colors.constant.white} />
         <Text variant="paragraph" mt={9} mb={3} fontSize={6}>
diff --git a/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/index.tsx b/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/index.tsx
index 7f1a5654c83c..50be5606d126 100644
--- a/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/index.tsx
+++ b/apps/ledger-live-mobile/src/components/RequiresCameraPermissions/index.tsx
@@ -16,6 +16,7 @@ type Props = {
    * context, rather than directly showing an error screen.
    * */
   optimisticallyMountChildren?: boolean;
+  fallBackHasNoBackground?: boolean;
 };
 
 /**
@@ -38,6 +39,7 @@ type Props = {
 const RequiresCameraPermissions: React.FC<Props> = ({
   children,
   optimisticallyMountChildren = false,
+  fallBackHasNoBackground = false,
 }) => {
   const { t } = useTranslation();
   const {
@@ -59,6 +61,7 @@ const RequiresCameraPermissions: React.FC<Props> = ({
       <Fallback
         event="CameraPressAuthorize"
         onPress={requestPermission}
+        hasNoBackground={fallBackHasNoBackground}
         title={t("permissions.camera.title")}
         description={t("permissions.camera.authorizeDescription")}
         buttonTitle={t("permissions.camera.authorizeButtonTitle")}
@@ -68,6 +71,7 @@ const RequiresCameraPermissions: React.FC<Props> = ({
     <Fallback
       event="CameraOpenSettings"
       onPress={openAppSettings}
+      hasNoBackground={fallBackHasNoBackground}
       title={t("permissions.camera.title")}
       description={t("permissions.camera.goToSettingsDescription")}
       buttonTitle={t("permissions.camera.goToSettingsButtonTitle")}
diff --git a/apps/ledger-live-mobile/src/locales/en/common.json b/apps/ledger-live-mobile/src/locales/en/common.json
index cc23f5f0917d..8387326b9c6c 100644
--- a/apps/ledger-live-mobile/src/locales/en/common.json
+++ b/apps/ledger-live-mobile/src/locales/en/common.json
@@ -6806,7 +6806,16 @@
           }
         },
         "scan": {
-          "title": "Scan"
+          "title": "Scan",
+          "description": "Scan QR code",
+          "explanation": {
+            "title": "Scan and synchronize your accounts using another Ledger Live app",
+            "steps": {
+              "step1": "Open the Ledger Live app you want to sync",
+              "step2": "Go to <0>Settings</0> <1>></1> <0>General</0> <1>></1> <0>Ledger Sync</0> <1>></1> <0>Synchronize</0> <1>></1> <0>Show QR</0>",
+              "step3": "Scan QR code until loader hits 100%."
+            }
+          }
         },
         "pinCode": {
           "title": "Enter your code",
diff --git a/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/components/StepFlow.tsx b/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/components/StepFlow.tsx
index 17440e1a354e..149fba5c38ef 100644
--- a/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/components/StepFlow.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/components/StepFlow.tsx
@@ -2,13 +2,13 @@ import React from "react";
 import SelectAddAccountMethod from "./SelectAddAccountMethod";
 import ChooseSyncMethod from "LLM/features/WalletSync/screens/Synchronize/ChooseMethod";
 import QrCodeMethod from "LLM/features/WalletSync/screens/Synchronize/QrCodeMethod";
+import PinCodeInput from "LLM/features/WalletSync/screens/Synchronize/PinCodeInput";
 import { TrackScreen } from "~/analytics";
 import { CryptoCurrency, TokenCurrency } from "@ledgerhq/types-cryptoassets";
 import { AnalyticsPage } from "LLM/features/WalletSync/hooks/useLedgerSyncAnalytics";
 import { Options, Steps } from "LLM/features/WalletSync/types/Activation";
 import SyncError from "LLM/features/WalletSync/screens/Synchronize/SyncError";
 import PinCodeDisplay from "LLM/features/WalletSync/screens/Synchronize/PinCodeDisplay";
-import PinCodeInput from "LLM/features/WalletSync/screens/Synchronize/PinCodeInput";
 
 type Props = {
   currentStep: Steps;
@@ -19,6 +19,7 @@ type Props = {
   currentOption: Options;
   navigateToChooseSyncMethod: () => void;
   navigateToQrCodeMethod: () => void;
+  onQrCodeScanned: (data: string) => void;
   qrProcess: {
     url: string | null;
     error: Error | null;
@@ -35,6 +36,7 @@ const StepFlow = ({
   currentOption,
   navigateToChooseSyncMethod,
   navigateToQrCodeMethod,
+  onQrCodeScanned,
   qrProcess,
 }: Props) => {
   const getScene = () => {
@@ -58,7 +60,13 @@ const StepFlow = ({
           </>
         );
       case Steps.QrCodeMethod:
-        return <QrCodeMethod currentOption={currentOption} setSelectedOption={setCurrentOption} />;
+        return (
+          <QrCodeMethod
+            onQrCodeScanned={onQrCodeScanned}
+            currentOption={currentOption}
+            setSelectedOption={setCurrentOption}
+          />
+        );
 
       case Steps.PinDisplay:
         return qrProcess.pinCode ? <PinCodeDisplay pinCode={qrProcess.pinCode} /> : null;
diff --git a/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/index.tsx b/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/index.tsx
index 99583a1f79c8..b6eaa4cbe440 100644
--- a/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/index.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/index.tsx
@@ -29,6 +29,7 @@ function View({
   navigateToChooseSyncMethod,
   navigateToQrCodeMethod,
   qrProcess,
+  onQrCodeScanned,
 }: ViewProps) {
   const CustomDrawerHeader = () => <DrawerHeader onClose={onCloseAddAccountDrawer} />;
 
@@ -51,6 +52,7 @@ function View({
           navigateToChooseSyncMethod={navigateToChooseSyncMethod}
           navigateToQrCodeMethod={navigateToQrCodeMethod}
           qrProcess={qrProcess}
+          onQrCodeScanned={onQrCodeScanned}
         />
       </Flex>
     </QueuedDrawer>
diff --git a/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/useAddAccountViewModel.ts b/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/useAddAccountViewModel.ts
index 1d744d049f15..06a6c49721fe 100644
--- a/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/useAddAccountViewModel.ts
+++ b/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/useAddAccountViewModel.ts
@@ -54,6 +54,12 @@ const useAddAccountViewModel = ({ isOpened, onClose }: AddAccountDrawerProps) =>
     currentOption,
   });
 
+  const onQrCodeScanned = (data: string) => {
+    // eslint-disable-next-line no-console
+    console.log(data);
+    //setCurrentStep(Steps.PinCodeInput);
+  };
+
   return {
     isAddAccountDrawerVisible: isOpened,
     onCloseAddAccountDrawer,
@@ -64,6 +70,7 @@ const useAddAccountViewModel = ({ isOpened, onClose }: AddAccountDrawerProps) =>
     currentOption,
     setCurrentStep,
     onGoBack,
+    onQrCodeScanned,
     qrProcess: {
       url,
       error,
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/__integrations__/scanQRCode.integration.test.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/__integrations__/scanQRCode.integration.test.tsx
index aabfaacda9ad..f4c6860306b4 100644
--- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/__integrations__/scanQRCode.integration.test.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/__integrations__/scanQRCode.integration.test.tsx
@@ -11,6 +11,7 @@ describe("scanQRCode", () => {
     await user.press(await screen.findByText(/ledger sync/i));
     await user.press(await screen.findByText(/already created a key?/i));
     await user.press(await screen.findByText(/scan a qr code/i));
-    await expect(await screen.findByText(/show qr/i)).toBeVisible();
+    await expect(screen.queryAllByText(/show qr/i)).toHaveLength(2);
+    await expect(screen.getByTestId("ws-scan-camera")).toBeVisible();
   });
 });
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/__integrations__/synchronizeWithQrCode.integration.test.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/__integrations__/synchronizeWithQrCode.integration.test.tsx
index 551ed8a4b23f..ea612db39a73 100644
--- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/__integrations__/synchronizeWithQrCode.integration.test.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/__integrations__/synchronizeWithQrCode.integration.test.tsx
@@ -21,7 +21,7 @@ describe("SynchronizeWithQrCode", () => {
     await user.press(await screen.findByText(/ledger sync/i));
     await user.press(await screen.findByText(/already created a key?/i));
     await user.press(await screen.findByText(/scan a qr code/i));
-    await user.press(await screen.findByText(/show qr/i));
+    await user.press(await screen.queryAllByText(/show qr/i)[0]);
     expect(await screen.getByTestId("ws-qr-code-displayed")).toBeVisible();
 
     //PinCode Page after scanning QRCode
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Activation/ActivationFlow.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Activation/ActivationFlow.tsx
index 64abaaa214a4..ff01fde20e7c 100644
--- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Activation/ActivationFlow.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Activation/ActivationFlow.tsx
@@ -19,7 +19,7 @@ type Props = {
     isLoading: boolean;
     pinCode: string | null;
   };
-
+  onQrCodeScanned: (data: string) => void;
   currentOption: Options;
   setOption: (option: Options) => void;
 };
@@ -31,6 +31,7 @@ const ActivationFlow = ({
   qrProcess,
   currentOption,
   setOption,
+  onQrCodeScanned,
 }: Props) => {
   const getScene = () => {
     switch (currentStep) {
@@ -49,7 +50,13 @@ const ActivationFlow = ({
           </>
         );
       case Steps.QrCodeMethod:
-        return <QrCodeMethod currentOption={currentOption} setSelectedOption={setOption} />;
+        return (
+          <QrCodeMethod
+            onQrCodeScanned={onQrCodeScanned}
+            currentOption={currentOption}
+            setSelectedOption={setOption}
+          />
+        );
 
       case Steps.PinDisplay:
         return qrProcess.pinCode ? <PinCodeDisplay pinCode={qrProcess.pinCode} /> : null;
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/BottomContainer.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/BottomContainer.tsx
new file mode 100644
index 000000000000..fe8c35ccad55
--- /dev/null
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/BottomContainer.tsx
@@ -0,0 +1,61 @@
+import React from "react";
+import { ScrollContainer, Text, Flex } from "@ledgerhq/native-ui";
+import { useTranslation } from "react-i18next";
+import styled, { useTheme } from "styled-components/native";
+
+type Props = {
+  steps: {
+    description: React.JSX.Element;
+  }[];
+};
+
+const BulletPoint = styled(Flex)`
+  width: 16px;
+  height: 16px;
+  justify-content: center;
+  align-items: center;
+  background-color: ${({ theme }) => theme.colors.primary.c80};
+  border-radius: 100px;
+`;
+
+const FlexContainer = styled(Flex)`
+  margin-bottom: 16px;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: 12px;
+`;
+
+const BottomContainer = ({ steps }: Props) => {
+  const { colors } = useTheme();
+  const { t } = useTranslation();
+
+  return (
+    <ScrollContainer
+      px={16}
+      py={24}
+      maxHeight={220}
+      background={colors.opacityDefault.c05}
+      borderRadius={24}
+      showsVerticalScrollIndicator={false}
+    >
+      <Text variant="h4" fontSize={18} color={colors.neutral.c100} mb={24}>
+        {t("walletSync.synchronize.qrCode.scan.explanation.title")}
+      </Text>
+      <Flex width={"100%"} mb={32}>
+        {steps.map((step, index) => (
+          <FlexContainer key={index}>
+            <BulletPoint>
+              <Text fontSize={11} color={colors.neutral.c00}>
+                {index + 1}
+              </Text>
+            </BulletPoint>
+            <Flex flex={1}>{step.description}</Flex>
+          </FlexContainer>
+        ))}
+      </Flex>
+    </ScrollContainer>
+  );
+};
+
+export default BottomContainer;
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/QrCode.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/QrCode.tsx
index c8514b2daf92..86a46ace77d3 100644
--- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/QrCode.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/QrCode.tsx
@@ -1,9 +1,10 @@
 import React from "react";
-import { Flex, Text, NumberedList, ScrollContainer } from "@ledgerhq/native-ui";
+import { Flex, Text } from "@ledgerhq/native-ui";
 import styled, { useTheme } from "styled-components/native";
 import QRCode from "react-native-qrcode-svg";
 import getWindowDimensions from "~/logic/getWindowDimensions";
 import { Trans, useTranslation } from "react-i18next";
+import BottomContainer from "./BottomContainer";
 
 const Italic = styled(Text)`
   font-style: italic;
@@ -31,14 +32,14 @@ const QrCode = ({ qrCodeValue }: Props) => {
   const steps = [
     {
       description: (
-        <Text variant="body" flex={1} ml={12} fontSize={14} color={colors.opacityDefault.c70}>
+        <Text variant="body" flex={1} fontSize={14} color={colors.opacityDefault.c70}>
           {t("walletSync.synchronize.qrCode.show.explanation.steps.step1")}
         </Text>
       ),
     },
     {
       description: (
-        <Text variant="body" flex={1} ml={12} fontSize={14} color={colors.opacityDefault.c70}>
+        <Text variant="body" flex={1} fontSize={14} color={colors.opacityDefault.c70}>
           <Trans
             i18nKey="walletSync.synchronize.qrCode.show.explanation.steps.step2"
             components={[
@@ -51,7 +52,7 @@ const QrCode = ({ qrCodeValue }: Props) => {
     },
     {
       description: (
-        <Text variant="body" flex={1} ml={12} fontSize={14} color={colors.opacityDefault.c70}>
+        <Text variant="body" flex={1} fontSize={14} color={colors.opacityDefault.c70}>
           {t("walletSync.synchronize.qrCode.show.explanation.steps.step3")}
         </Text>
       ),
@@ -85,20 +86,7 @@ const QrCode = ({ qrCodeValue }: Props) => {
           size={QRCodeSize}
         />
       </Flex>
-      <ScrollContainer
-        px={16}
-        mb={10}
-        width={"100%"}
-        maxHeight={280}
-        background={colors.opacityDefault.c05}
-        borderRadius={24}
-        showsVerticalScrollIndicator={false}
-      >
-        <Text variant="h4" fontSize={18} color={colors.neutral.c100} my={24}>
-          {t("walletSync.synchronize.qrCode.show.explanation.title")}
-        </Text>
-        <NumberedList items={steps} />
-      </ScrollContainer>
+      <BottomContainer steps={steps} />
     </Flex>
   );
 };
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanQrCode.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanQrCode.tsx
new file mode 100644
index 000000000000..be65994f50db
--- /dev/null
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanQrCode.tsx
@@ -0,0 +1,102 @@
+import React from "react";
+import { Flex, Icons, Text } from "@ledgerhq/native-ui";
+import { Trans, useTranslation } from "react-i18next";
+import styled, { useTheme } from "styled-components/native";
+import BottomContainer from "./BottomContainer";
+import { BarCodeScanningResult, Camera, CameraType } from "expo-camera";
+import { BarCodeScanner } from "expo-barcode-scanner";
+import ScanTargetSvg from "./ScanTargetSvg";
+import RequiresCameraPermissions from "~/components/RequiresCameraPermissions";
+
+type Props = {
+  onQrCodeScanned: (data: string) => void;
+};
+
+const Italic = styled(Text)`
+  font-style: italic;
+`;
+// Won't work since we don't have inter italic font
+
+const ScanQrCode = ({ onQrCodeScanned }: Props) => {
+  const { t } = useTranslation();
+  const { colors } = useTheme();
+
+  const onBarCodeScanned = ({ data }: BarCodeScanningResult) => {
+    onQrCodeScanned(data);
+  };
+
+  const steps = [
+    {
+      description: (
+        <Text variant="body" flex={1} fontSize={14} color={colors.opacityDefault.c70}>
+          {t("walletSync.synchronize.qrCode.scan.explanation.steps.step1")}
+        </Text>
+      ),
+    },
+    {
+      description: (
+        <Text variant="body" flex={1} fontSize={14} color={colors.opacityDefault.c70}>
+          <Trans
+            i18nKey="walletSync.synchronize.qrCode.scan.explanation.steps.step2"
+            components={[
+              <Italic key={0} color={colors.opacityDefault.c70} />,
+              <Text key={1} flex={1} color={colors.opacityDefault.c30} />,
+            ]}
+          />
+        </Text>
+      ),
+    },
+    {
+      description: (
+        <Text variant="body" flex={1} fontSize={14} color={colors.opacityDefault.c70}>
+          {t("walletSync.synchronize.qrCode.scan.explanation.steps.step3")}
+        </Text>
+      ),
+    },
+  ];
+
+  return (
+    <Flex
+      minHeight={400}
+      justifyContent={"center"}
+      alignItems={"center"}
+      rowGap={24}
+      testID={"ws-scan-camera"}
+    >
+      <RequiresCameraPermissions optimisticallyMountChildren fallBackHasNoBackground>
+        <Flex
+          borderRadius={36}
+          overflow={"hidden"}
+          position={"relative"}
+          width={288}
+          height={288}
+          justifyContent={"center"}
+          alignItems={"center"}
+        >
+          <Camera
+            style={{
+              backgroundColor: colors.neutral.c50,
+              width: 280,
+              height: 280,
+            }}
+            type={CameraType.back}
+            barCodeScannerSettings={{
+              barCodeTypes: [BarCodeScanner.Constants.BarCodeType.qr],
+            }}
+            onBarCodeScanned={onBarCodeScanned}
+          />
+          <ScanTargetSvg style={{ position: "absolute" }} />
+        </Flex>
+        <Flex flexDirection={"row"} alignItems={"center"} columnGap={8}>
+          <Text variant="bodyLineHeight">
+            {t("walletSync.synchronize.qrCode.scan.description")}
+          </Text>
+          <Icons.QrCode />
+        </Flex>
+        <BottomContainer steps={steps} />
+      </RequiresCameraPermissions>
+    </Flex>
+  );
+};
+
+export default ScanQrCode;
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanTargetSvg.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanTargetSvg.tsx
new file mode 100644
index 000000000000..d06aed24101d
--- /dev/null
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/components/Synchronize/ScanTargetSvg.tsx
@@ -0,0 +1,14 @@
+import * as React from "react";
+import Svg, { SvgProps, Path } from "react-native-svg";
+const ScanTargetSvg = (props: SvgProps) => (
+  <Svg width={289} height={289} fill="none" {...props}>
+    <Path
+      stroke="#fff"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={7}
+      d="M4 74.25V55.2c0-17.922 0-26.883 3.488-33.728A32 32 0 0 1 21.472 7.488C28.317 4 37.278 4 55.2 4h19.05M4 214.75v19.05c0 17.922 0 26.883 3.488 33.728a32 32 0 0 0 13.984 13.984C28.317 285 37.278 285 55.2 285h19.05m140.5 0h19.05c17.922 0 26.883 0 33.728-3.488a32 32 0 0 0 13.984-13.984C285 260.683 285 251.722 285 233.8v-19.05m0-140.5V55.2c0-17.922 0-26.883-3.488-33.728a32 32 0 0 0-13.984-13.984C260.683 4 251.722 4 233.8 4h-19.05"
+    />
+  </Svg>
+);
+export default ScanTargetSvg;
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/ActivationDrawer.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/ActivationDrawer.tsx
index c1cf7aef4c56..6bc0afbfc201 100644
--- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/ActivationDrawer.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/ActivationDrawer.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import QueuedDrawer from "LLM/components/QueuedDrawer";
 import { TrackScreen } from "~/analytics";
-import { useWindowDimensions } from "react-native";
 import { Flex } from "@ledgerhq/native-ui";
 import ActivationFlow from "../../components/Activation/ActivationFlow";
 import { Steps } from "../../types/Activation";
@@ -23,6 +22,7 @@ function View({
   canGoBack,
   navigateToChooseSyncMethod,
   navigateToQrCodeMethod,
+  onQrCodeScanned,
   goBackToPreviousStep,
   handleClose,
   onCloseDrawer,
@@ -30,8 +30,6 @@ function View({
   currentOption,
   setCurrentOption,
 }: ViewProps) {
-  const { height } = useWindowDimensions();
-  const maxDrawerHeight = height - 180;
   const CustomDrawerHeader = () => <DrawerHeader onClose={handleClose} />;
 
   return (
@@ -44,7 +42,7 @@ function View({
         hasBackButton={canGoBack}
         onBack={goBackToPreviousStep}
       >
-        <Flex maxHeight={maxDrawerHeight}>
+        <Flex maxHeight={"90%"}>
           <ActivationFlow
             currentStep={currentStep}
             navigateToChooseSyncMethod={navigateToChooseSyncMethod}
@@ -52,6 +50,7 @@ function View({
             qrProcess={qrProcess}
             currentOption={currentOption}
             setOption={setCurrentOption}
+            onQrCodeScanned={onQrCodeScanned}
           />
         </Flex>
       </QueuedDrawer>
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/useActivationDrawerModel.ts b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/useActivationDrawerModel.ts
index e9e35f6e6a93..e118245d5ed4 100644
--- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/useActivationDrawerModel.ts
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/useActivationDrawerModel.ts
@@ -49,6 +49,13 @@ const useActivationDrawerModel = ({ isOpen, startingStep, handleClose }: Props)
     setCurrentStep(Steps.QrCodeMethod);
   };
 
+  // That means the url as be stored in the store
+  const onQrCodeScanned = (data: string) => {
+    // eslint-disable-next-line no-console
+    console.log(data);
+    //setCurrentStep(Steps.PinCodeInput);
+  };
+
   const resetStep = () => setCurrentStep(startingStep);
   const resetOption = () => setCurrentOption(Options.SCAN);
   const goBackToPreviousStep = () => setCurrentStep(getPreviousStep(currentStep));
@@ -72,6 +79,7 @@ const useActivationDrawerModel = ({ isOpen, startingStep, handleClose }: Props)
     canGoBack,
     navigateToChooseSyncMethod,
     navigateToQrCodeMethod,
+    onQrCodeScanned,
     onCloseDrawer,
     handleClose,
     goBackToPreviousStep,
diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Synchronize/QrCodeMethod.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Synchronize/QrCodeMethod.tsx
index 9834c98a6ce6..4c76f7bf62fd 100644
--- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Synchronize/QrCodeMethod.tsx
+++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Synchronize/QrCodeMethod.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { Flex, TabSelector } from "@ledgerhq/native-ui";
 import QrCode from "LLM/features/WalletSync/components/Synchronize/QrCode";
+import ScanQrCode from "../../components/Synchronize/ScanQrCode";
 import { Options, OptionsType } from "LLM/features/WalletSync/types/Activation";
 import { useTranslation } from "react-i18next";
 import {
@@ -12,10 +13,11 @@ import { TrackScreen } from "~/analytics";
 
 interface Props {
   setSelectedOption: (option: OptionsType) => void;
+  onQrCodeScanned: (data: string) => void;
   currentOption: Options;
 }
 
-const QrCodeMethod = ({ currentOption, setSelectedOption }: Props) => {
+const QrCodeMethod = ({ setSelectedOption, onQrCodeScanned, currentOption }: Props) => {
   const { onClickTrack } = useLedgerSyncAnalytics();
   const { t } = useTranslation();
 
@@ -35,14 +37,7 @@ const QrCodeMethod = ({ currentOption, setSelectedOption }: Props) => {
         return (
           <>
             <TrackScreen category={AnalyticsPage.ScanQRCode} />
-            <Flex
-              flexDirection={"column"}
-              rowGap={24}
-              alignItems={"center"}
-              width={100}
-              height={100}
-              bg={"red"}
-            />
+            <ScanQrCode onQrCodeScanned={onQrCodeScanned} />
           </>
         );
       case Options.SHOW_QR:
@@ -56,7 +51,7 @@ const QrCodeMethod = ({ currentOption, setSelectedOption }: Props) => {
   };
 
   return (
-    <Flex flexDirection={"column"} alignItems={"center"} rowGap={24} pt={16} width={"100%"}>
+    <Flex flexDirection={"column"} alignItems={"center"} rowGap={24} width={"100%"} height={"100%"}>
       <TabSelector
         options={[Options.SCAN, Options.SHOW_QR]}
         selectedOption={currentOption}