diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx index 57b31c36..31258d92 100644 --- a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx @@ -1,8 +1,10 @@ import { XStack, YStack } from 'tamagui' import { InfoBadgeIcon } from '@status-im/icons' import { Avatar, Text } from '@status-im/components' +import { useWindowSize } from '../../../../hooks/useWindowSize' const PairedDeviceCard = () => { + const windowSize = useWindowSize() return ( { padding: '6px 12px', border: '1px solid #DCE0E5', borderRadius: '10px', - marginBottom:'20px' + marginBottom: '20px', + width: windowSize.width < 580 ? '100%' : 'auto', }} + justifyContent="space-between" alignItems={'center'} > - +