fix: Fix wrapping issue. use same styling as the page before

src/pages/ValidatorOnboarding/Advisories/AdvisoriesContent.tsx

@@ -1,6 +1,7 @@
 import { Text } from '@status-im/components'
 import { Link } from 'react-router-dom'
 import { Stack, YStack } from 'tamagui'
+import { useWindowSize } from '../../../hooks/useWindowSize'
 
 type AdvisoriesContentProps = {
   title: string
@@ -8,8 +9,9 @@ type AdvisoriesContentProps = {
 }
 
 const AdvisoriesContent = ({ title, content }: AdvisoriesContentProps) => {
+  const windowSize = useWindowSize()
   return (
-    <YStack space={'$1'} style={{ width: '70%' }}>
+    <YStack space={'$1'}  width={windowSize.width < 780 ? '100%' : '70%'}>
       <Stack style={{ marginBottom: '5%' }}>
         <Text size={27} weight={400}>
           {title}

src/pages/ValidatorOnboarding/Advisories/advisoriesLayout.module.css

@@ -2,7 +2,6 @@
   display: flex;
   padding: 30px;
   justify-content: space-between;
-  width: auto;
 }
 .advisories-nav {
   display: flex;

src/pages/ValidatorOnboarding/ContinueButton.tsx

@@ -118,7 +118,7 @@ const ContinueButton = () => {
         width: '100%',
         justifyContent: isActivationValScreen
           ? 'space-between'
-          : windowSize.width < 720
+          : windowSize.width < 560
           ? 'start'
           : 'end',
         alignItems: 'center',