diff --git a/src/components/PageWrappers/layout.css b/src/components/PageWrappers/layout.css index d1676b63..046fc817 100644 --- a/src/components/PageWrappers/layout.css +++ b/src/components/PageWrappers/layout.css @@ -40,7 +40,7 @@ /* LAYOUT RIGHT ELEMENT WITH IMAGE TAKING UP THE WHOLE HIGHT OF THE VIEWPORT */ .layout-right { - flex: 0 0 45%; + flex: 0 0 44.6%; max-width: 45%; z-index: 0; } diff --git a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts index 53870035..2f41af9e 100644 --- a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts +++ b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.stories.ts @@ -1,4 +1,5 @@ import type { Meta, StoryObj } from '@storybook/react' +import { withRouter } from 'storybook-addon-react-router-v6' import Advicsories from './Advicsories' @@ -10,6 +11,7 @@ const meta = { }, tags: ['autodocs'], argTypes: {}, + decorators: [withRouter], } satisfies Meta export default meta diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx index f1833007..3e1bd83b 100644 --- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx +++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx @@ -2,6 +2,7 @@ import { Stack, Text as TextTam, XStack, YStack } from 'tamagui' import { Button, Shadow, Text } from '@status-im/components' import { Link } from 'react-router-dom' import OverviewCard from './OverviewCard' +import { ArrowRightIcon } from '@status-im/icons' const Overview = () => { return ( @@ -13,6 +14,7 @@ const Overview = () => { border: 'none', flexDirection: 'row', backgroundColor: '#fff', + zIndex: 999, }} > @@ -32,9 +34,14 @@ const Overview = () => { secured by proof-of-stake validators. By running a validator, you'll be helping to secure the Ethereum network. - + - Learn more + + + Learn more + + + @@ -54,7 +61,7 @@ const Overview = () => { - +