fixed error displaying

src/components/profile/ProfileAccountsError/index.tsx

@@ -14,7 +14,9 @@ const ProfileAccountsError: FC<IProps> = ({ onClose, error }) => (
     <Group className={styles.content}>
       <div className={styles.title}>О НЕТ!</div>
       <div className={styles.text}>{ERROR_LITERAL[error] || error}</div>
-      <Button onClick={onClose}>Оу, жаль</Button>
+      <Button onClick={onClose} size="small">
+        Оу, жаль
+      </Button>
     </Group>
   </div>
 );

src/components/profile/ProfileAccountsError/styles.scss

@@ -5,13 +5,16 @@
   width: 100%;
   height: 100%;
   z-index: 2;
-  background-color: transparentize(black, 0.5);
+  background-color: transparentize($red, 0.5);
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-end;
+  margin: 0 !important;
+  padding: $gap;
+  box-sizing: border-box;
 
   @include can_backdrop {
-  background-color: transparentize($content_bg, 0.5);
+  background-color: transparentize($red, 0.5);
     backdrop-filter: blur(10px);
   }
 }
@@ -22,15 +25,14 @@
 }
 
 .text {
-  padding: $gap 0 $gap * 3;
+  padding: 0 0 $gap 0;
 }
 
 .content {
-  max-width: 260px;
   width: 100%;
   color: white;
   border-radius: $radius;
   background-color: $content_bg;
-  padding: $gap * 2;
+  padding: $gap;
   line-height: 1.2em;
 }

src/constants/errors.ts

@@ -46,5 +46,5 @@ export const ERROR_LITERAL = {
   [ERRORS.UNKNOWN_FILE_TYPE]: 'Запрещенный тип файла',
   [ERRORS.FILE_IS_TOO_BIG]: 'Файл слишком большой',
   [ERRORS.USER_EXIST_WITH_EMAIL]:
-    'Мы не можем продолжить, потому что у другого пользователя есть этот email',
+    'Мы не можем продолжить, потому что у другого пользователя есть этот email.',
 };