diff --git a/src/App.tsx b/src/App.tsx
index 33fcb6ba..df4095a9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,6 +7,7 @@ import LandingPage from './pages/LandingPage/LandingPage'
 import DeviceHealthCheck from './pages/DeviceHealthCheck/DeviceHealthCheck'
 import ConnectDevicePage from './pages/ConnectDevicePage/ConnectDevicePage'
 import DeviceSyncStatus from './pages/DeviceSyncStatus/DeviceSyncStatus'
+import PairDevice from './pages/PairDevice/PairDevice'
 
 const router = createBrowserRouter([
   {
@@ -27,7 +28,7 @@ const router = createBrowserRouter([
   },
   {
     path: '/pair-device',
-    element: <DeviceSyncStatus />,
+    element: <PairDevice />,
   },
 ])
 
diff --git a/src/pages/PairDevice/PairDevice.js b/src/pages/PairDevice/PairDevice.js
deleted file mode 100644
index a4f7cad2..00000000
--- a/src/pages/PairDevice/PairDevice.js
+++ /dev/null
@@ -1,3 +0,0 @@
-const PairDevice = () => {}
-
-export default PairDevice
diff --git a/src/pages/PairDevice/PairDevice.tsx b/src/pages/PairDevice/PairDevice.tsx
new file mode 100644
index 00000000..ec0080ab
--- /dev/null
+++ b/src/pages/PairDevice/PairDevice.tsx
@@ -0,0 +1,17 @@
+import { YStack } from 'tamagui'
+import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
+
+const PairDevice = () => {
+  return (
+    <PageWrapperShadow rightImageSrc="/background-images/day-night-bg.png">
+      <YStack
+        space={'$4'}
+        style={{
+          maxWidth: '100%',
+        }}
+      ></YStack>
+    </PageWrapperShadow>
+  )
+}
+
+export default PairDevice