From 9a0338518070fcdcdb25e1b7708cc85b2b85076e Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Mon, 25 Sep 2023 22:20:29 +0300
Subject: [PATCH] Style  beaconAddress Switch and Switch thumb

---
 src/pages/ConnectExistingInstance/BeaconAddress.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/ConnectExistingInstance/BeaconAddress.tsx b/src/pages/ConnectExistingInstance/BeaconAddress.tsx
index ede1fe08..262204e0 100644
--- a/src/pages/ConnectExistingInstance/BeaconAddress.tsx
+++ b/src/pages/ConnectExistingInstance/BeaconAddress.tsx
@@ -2,7 +2,7 @@ import { Checkbox, Input, Text } from "@status-im/components"
 import { useState } from "react"
 import { Stack, Switch, XStack, YStack } from "tamagui"
 
-const BeackonAddress = () => {
+const BeaconAddress = () => {
     const [isBeaconSwitchOn, setIsBeaconSwitchOn] = useState(false)
     const [inputAdress, setInputAdress] = useState('')
     const [vcPort, setVcPort] = useState('')
@@ -17,8 +17,8 @@ const BeackonAddress = () => {
                         <Text size={11} color={'#647084'} weight={'regular'}> (HTTP/HTTPS)</Text>
                     </YStack>
 
-                    <Switch size="$2" style={isBeaconSwitchOn ? { backgroundColor: '#2A4AF5' } : { backgroundColor: 'grey' }} checked={isBeaconSwitchOn} onCheckedChange={() => setIsBeaconSwitchOn(prev => !prev)}>
-                        <Switch.Thumb style={{ backgroundColor: '#fff', border: '1px solid #2A4AF5' }} />
+                    <Switch size="$1" style={isBeaconSwitchOn ? { backgroundColor: '#2A4AF5' } : { backgroundColor: 'grey' }} checked={isBeaconSwitchOn} onCheckedChange={() => setIsBeaconSwitchOn(prev => !prev)}>
+                        <Switch.Thumb style={{ right: 7, bottom: 3, backgroundColor: '#fff', height: '16px', width: '16px' }} />
                     </Switch>
                 </YStack>
                 <YStack space={'$2'}>
@@ -57,4 +57,4 @@ const BeackonAddress = () => {
     )
 }
 
-export default BeackonAddress
\ No newline at end of file
+export default BeaconAddress
\ No newline at end of file