From b8aaa1e946c32df4ce77d71c79ba6e4409b5d746 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Fri, 25 Aug 2023 09:14:49 +0300
Subject: [PATCH] feat: add new wrapper to Advicsories

---
 .../Advicsories/Advicsories.tsx                  | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx
index 7359853d..8bf71b76 100644
--- a/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx
+++ b/src/pages/ValidatorOnboarding/Advicsories/Advicsories.tsx
@@ -1,7 +1,8 @@
-import { Button, Shadow, Text } from '@status-im/components'
+import { Button, Text } from '@status-im/components'
 import { useState } from 'react'
 import { Stack, XStack, YStack } from 'tamagui'
 import AdvisoriesContent from './AdvisoriesContent'
+import ValidatorBoxWrapper from '../ValidatorBoxWrapper/ValidatorBoxWrapper'
 
 type AdvisoryTopicsType = {
   [key: string]: string
@@ -21,17 +22,10 @@ const advisoryTopics: AdvisoryTopicsType = {
 
 const Advicsories = () => {
   const [selectedTitle, setSelectedTitle] = useState('Bad Behaviour')
+  
   return (
     <>
-      <Shadow
-        variant="$1"
-        style={{
-          borderRadius: '16px',
-          border: 'none',
-          backgroundColor: '#fff',
-          padding: '16px 32px',
-        }}
-      >
+      <ValidatorBoxWrapper>
         <XStack
           justifyContent={'space-between'}
           className="layout-left"
@@ -65,7 +59,7 @@ const Advicsories = () => {
             ></AdvisoriesContent>
           </YStack>
         </XStack>
-      </Shadow>
+      </ValidatorBoxWrapper>
       <Stack style={{ alignItems: 'end', width: '100%', marginTop: '16px' }}>
         <Button>Continue</Button>
       </Stack>