Add styles to header

src/components/Header/component/Layout.jsx

@@ -33,6 +33,7 @@ const styles = () => ({
     boxShadow: '0 0 10px 0 rgba(33, 48, 77, 0.1)',
     minWidth: '280px',
     borderRadius: '8px',
+    marginTop: '12px',
   },
   summary: {
     borderBottom: `solid 2px ${border}`,
@@ -41,6 +42,7 @@ const styles = () => ({
     boxShadow: '0 2px 4px 0 rgba(212, 212, 211, 0.59)',
     backgroundColor: 'white',
     zIndex: 1301,
+    boxShadow: '0 2px 4px 0 rgba(212, 212, 211, 0.59)',
   },
   logo: {
     padding: `${sm} ${md}`,
@@ -65,7 +67,7 @@ const Layout = openHoc(({
       <Spacer />
       <Provider open={open} toggle={toggle} info={providerInfo}>
         {(providerRef) => (
-          <Popper open={open} anchorEl={providerRef.current} placement="bottom-end">
+          <Popper open={open} anchorEl={providerRef.current} placement="bottom">
             {({ TransitionProps }) => (
               <Grow {...TransitionProps}>
                 <>

src/components/Header/component/Provider.jsx

@@ -21,7 +21,7 @@ const styles = () => ({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
-    flexBasis: '280px',
+    flexBasis: '284px',
     marginRight: '20px',
   },
   provider: {

src/components/Header/component/ProviderDetails/UserDetails.jsx

@@ -143,7 +143,7 @@ const UserDetails = ({
       <Hairline margin="xs" />
       <Row className={classes.details}>
         <Paragraph noMargin align="right" className={classes.labels}>
-          Client
+          Wallet
         </Paragraph>
         <Spacer />
         {provider === 'safe'