From 9ca87c1afff252ae7c6aee02351353e4d3d71323 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Fri, 15 Dec 2023 12:27:41 +0200
Subject: [PATCH] Update ConnectDevicePage.tsx

---
 src/pages/ConnectDevicePage/ConnectDevicePage.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/ConnectDevicePage/ConnectDevicePage.tsx b/src/pages/ConnectDevicePage/ConnectDevicePage.tsx
index b61c8bcd..eee44878 100644
--- a/src/pages/ConnectDevicePage/ConnectDevicePage.tsx
+++ b/src/pages/ConnectDevicePage/ConnectDevicePage.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react'
 import BreadcrumbBar from '../../components/General/BreadcrumbBar/BreadcrumbBar'
 import { Button as StatusButton, Text, Avatar, Checkbox } from '@status-im/components'
-import { Label, Separator, Stack, XStack, YStack } from 'tamagui'
+import { Article, Label, Separator, Stack, XStack, YStack } from 'tamagui'
 import PageWrapperShadow from '../../components/PageWrappers/PageWrapperShadow'
 import Titles from '../../components/General/Titles'
 import LabelInputField from '../../components/General/LabelInputField'
@@ -46,7 +46,7 @@ const ConnectDevicePage = () => {
       <YStack space={'$3'}>
         <Header selectedTag="connect" />
 
-        <article className="content">
+        <Article className="content">
           <Titles
             title="Connect Device"
             subtitle="Configure your device to connect to the Nimbus Node Manager"
@@ -113,7 +113,7 @@ const ConnectDevicePage = () => {
             <Separator alignSelf="stretch" borderColor={'#F0F2F5'} />
           </YStack>
           <StatusButton icon={<NodeIcon size={20} />}>Connect Device</StatusButton>
-        </article>
+        </Article>
       </YStack>
     </PageWrapperShadow>
   )