diff --git a/src/App.tsx b/src/App.tsx
index 42dcd795..10f7de4d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -20,9 +20,12 @@ const router = createBrowserRouter([
   {
     path: '/connect-device',
     element: <ConnectDevicePage />,
+   
+  },
+  {
     path: '/device-sync-status',
     element: <DeviceSyncStatus />,
-  },
+  }
 ])
 
 function App() {
diff --git a/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx b/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
index c79795bb..a47234b0 100644
--- a/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
+++ b/src/pages/DeviceSyncStatus/DeviceSyncStatus.tsx
@@ -1,17 +1,17 @@
 import { Stack, YStack } from 'tamagui'
-import LayoutComponent from '../../components/LayoutComponent'
-import NimbusLogo from '../../components/NimbusLogo'
-import Titles from '../../components/Titles'
+
 import { Button, PinnedMessage } from '@status-im/components'
 import SyncStatusCardExecution from '../../components/SyncStatusCardExecution'
 import SyncStatusCardConsensus from '../../components/SyncStatusCardConsensus'
+import Titles from '../../components/General/Titles'
+import NimbusLogo from '../../components/Logos/NimbusLogo'
+import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 
 const DeviceSyncStatus = () => {
   return (
-    <LayoutComponent
-      content={<DeviceSyncStatusContent />}
-      rightImageSrc="/background-images/sync-status-background.png"
-    />
+    <PageWrapperShadow rightImageSrc="/background-images/sync-status-background.png">
+      <DeviceSyncStatusContent />
+    </PageWrapperShadow>
   )
 }