From 2f94f1a259f0385089bcae4c3e1eec2ba8f52522 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Mon, 4 Dec 2023 20:09:26 +0200
Subject: [PATCH] feat: add style to regenerate id container

---
 src/pages/PairDevice/GenerateId.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/PairDevice/GenerateId.tsx b/src/pages/PairDevice/GenerateId.tsx
index 72b3a92d..a0f0dd54 100644
--- a/src/pages/PairDevice/GenerateId.tsx
+++ b/src/pages/PairDevice/GenerateId.tsx
@@ -3,9 +3,11 @@ import { CompleteIdIcon, CopyIcon } from '@status-im/icons'
 import { Text } from '@tamagui/web'
 import { useEffect, useState } from 'react'
 import { Link } from 'react-router-dom'
-import { Separator, XStack, YStack } from 'tamagui'
+import { Separator, YStack } from 'tamagui'
 import { v4 as uuidv4 } from 'uuid'
 
+import styles from './pairDevice.module.css'
+
 type GenerateIdProps = {
   isAwaitingPairing: boolean
 }
@@ -27,7 +29,9 @@ const GenerateId = ({ isAwaitingPairing }: GenerateIdProps) => {
 
   return (
     <YStack space={'$2'}>
-      <XStack style={{ justifyContent: 'space-between' }}>
+      <div
+        style={{ display: 'flex', justifyContent: 'space-between' }}
+      >
         <StatusText size={19} weight={'semibold'}>
           Pair with Command line
         </StatusText>
@@ -39,7 +43,7 @@ const GenerateId = ({ isAwaitingPairing }: GenerateIdProps) => {
         >
           Regenerate ID
         </Button>
-      </XStack>
+      </div>
       <YStack space={'$2'}>
         <StatusText size={15} color={'#647084'}>
           Generated Pairing ID Input