From ca3ef3401ed6a9eea842eaf89f32944b232fcaf4 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sun, 7 Jan 2024 19:56:24 +0200
Subject: [PATCH] feat: replace xstack with custom div

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

diff --git a/src/pages/PairDevice/ConnectViaIP/InputsRow.tsx b/src/pages/PairDevice/ConnectViaIP/InputsRow.tsx
index 9c9639ee..8db67ad7 100644
--- a/src/pages/PairDevice/ConnectViaIP/InputsRow.tsx
+++ b/src/pages/PairDevice/ConnectViaIP/InputsRow.tsx
@@ -1,6 +1,6 @@
 import { Checkbox, Input, Text } from '@status-im/components'
 import { useDispatch, useSelector } from 'react-redux'
-import { Stack, Switch, XStack, YStack } from 'tamagui'
+import { Stack, Switch, YStack } from 'tamagui'
 
 import { RootState } from '../../../redux/store'
 import PortInput from './PortInput'
@@ -47,7 +47,7 @@ const InputsRow = ({
   }
 
   return (
-    <XStack space={'$3'}>
+    <div style={{ display: 'flex', gap: '8px' }}>
       <YStack space={'$2'} flexBasis={0} flexGrow={2}>
         <YStack>
           <Text size={13} color={'#647084'} weight={'semibold'}>
@@ -94,7 +94,7 @@ const InputsRow = ({
           />
         </Stack>
       </div>
-    </XStack>
+    </div>
   )
 }