@@ -277,7 +277,7 @@ const Account: NextPageWithLayout = () => {
 					alignItems='flex-start'
 					spacing={2}
 					sx={{
-						width: desktop ? '90%' : '100%',
+						width: desktop ? (scope === 'referral' ? '97%' : '90%') : '100%',
 						height: '100%',
 					}}
 				>
@@ -55,8 +55,16 @@ export const Referral = ({ device }: IProps) => {
 	}, [data?.access])
 
 	return (
-		<Stack alignItems={'start'} gap={2} sx={{ overflow: 'hidden', flexDirection: device === 'desktop' ? 'row' : 'column' }}>
-			<Stack justifyContent={'start'} alignItems={'start'} gap={4} sx={{ width: device === 'desktop' ? '60vw' : '100%' }}>
+		<Stack
+			alignItems={'start'}
+			gap={2}
+			sx={{
+				overflow: 'hidden',
+				flexDirection: device === 'desktop' ? 'row' : 'column',
+				width: '100%',
+			}}
+		>
+			<Stack justifyContent={'start'} alignItems={'start'} gap={4} sx={{ width: device === 'desktop' ? '73%' : '100%' }}>
 				<Box
 					sx={{
 						...block_style,
@@ -92,13 +100,24 @@ export const Referral = ({ device }: IProps) => {
 									maxWidth: '350px',
 									width: '100%',
 									color: '#8280FF',
+									position: 'relative',
 								}}
 								gap={2}
 								justifyContent={'space-between'}
 								direction={'row'}
 								alignItems={'center'}
 							>
-								{device === 'mobile' ? url.slice(0, 35) + '...' : url.slice(0, 40) + '...'}
+								<Typography
+									sx={{
+										color: '#8280FF',
+										fontSize: '16px',
+										fontFamily: 'Raleway, sans-serif',
+										whiteSpace: 'nowrap',
+										paddingRight: '16px',
+									}}
+								>
+									{device === 'mobile' ? url.slice(0, 35) + '...' : url.slice(0, 40) + '...'}
+								</Typography>
 								<Image
 									src={'/svg/copy.svg'}
 									alt={''}
@@ -106,6 +125,8 @@ export const Referral = ({ device }: IProps) => {
 										width: '20px',
 										height: '20px',
 										cursor: 'pointer',
+										position: 'absolute',
+										right: '10px',
 									}}
 									width={100}
 									height={100}
@@ -242,7 +263,7 @@ export const Referral = ({ device }: IProps) => {
 			<Box
 				sx={{
 					...block_style,
-					width: device === 'desktop' ? '17vw' : '100%',
+					width: device === 'desktop' ? '25.5%' : '100%',
 					maxHeight: device === 'desktop' ? '569px' : '300px',
 					marginBottom: device === 'desktop' ? '0' : '20px',
 				}}
@@ -253,7 +274,7 @@ export const Referral = ({ device }: IProps) => {
 						color: '#A4AAB5',
 						fontWeight: '600',
 						letterSpacing: '0.3px',
-						marginBottom: '15px',
+						marginBottom: '16px',
 					}}
 				>
 					МОИ РЕФЕРАЛЫ