diff --git a/src/application/action_creators/cv_action_creators.ts b/src/application/action_creators/cv_action_creators.ts
index fcac003..4fc1fd2 100644
--- a/src/application/action_creators/cv_action_creators.ts
+++ b/src/application/action_creators/cv_action_creators.ts
@@ -75,7 +75,7 @@ export interface CvFormFields {
 const cvFormValidators = new Map(
   Object.entries({
     positionRu: validateRequired,
-    positionEn: validatorTrain([validateRequired, validateEnglish]),
+    positionEn: validatorTrain(validateRequired, validateEnglish),
     jobSearchStatus: validateRequired,
     description: validateRequired,
     workingExperience: validateRequired,
@@ -111,13 +111,13 @@ function validateCvForm(formFields: CvFormFields): boolean {
       isValid,
     } as CvFormData,
   });
-  return true;
+  return isValid;
 }
 
 async function createCv(body: CvFormFields) {
   const backendOrigin = backendStore.getData().backendOrigin;
   if (!validateCvForm(body)) {
-    return;
+    throw new TypeError('form is not valid');
   }
   try {
     const newCv = makeCvFromApi(
@@ -146,7 +146,7 @@ async function createCv(body: CvFormFields) {
 async function updateCv(id: number, body: CvFormFields) {
   const backendOrigin = backendStore.getData().backendOrigin;
   if (!validateCvForm(body)) {
-    return;
+    throw new TypeError('form is not valid');
   }
   try {
     const updatedCv = makeCvFromApi(
diff --git a/src/application/action_creators/vacancy_action_creators.ts b/src/application/action_creators/vacancy_action_creators.ts
index 2d02545..29d8fcc 100644
--- a/src/application/action_creators/vacancy_action_creators.ts
+++ b/src/application/action_creators/vacancy_action_creators.ts
@@ -5,6 +5,7 @@ import {
   UpdateAction,
   UpdateActionPayload,
   VacancyActions,
+  VacancyFormSubmitAction,
 } from '../stores/vacancy_store/vacancy_actions';
 import { makeVacancyFromApi } from '../models/vacancy';
 import {
@@ -17,6 +18,8 @@ import {
   getApplicantFavoriteVacancies,
   removeVacancyFromFavorites,
   resetApplyToVacancy,
+  createVacancy as apiCreateVacancy,
+  updateVacancy as apiUpdateVacancy,
 } from '@/modules/api/api';
 import { assertIfError } from '@/modules/common_utils/asserts/asserts';
 import { Application } from '@/modules/api/src/responses/application';
@@ -24,6 +27,127 @@ import { makeApplicantFromApi } from '../models/applicant';
 import { userStore } from '../stores/user_store/user_store';
 import { UserType } from '../models/user-type';
 import { Applicant } from '../models/applicant';
+import {
+  validateNumeric,
+  validateOk,
+  validateRequired,
+  validatorTrain,
+} from '../validators/validators';
+import { FormValue } from '../models/form_value';
+import { VacancyFormData, vacancyStore } from '../stores/vacancy_store/vacancy_store';
+
+export interface VacancyFormFields {
+  position?: string;
+  salary?: string;
+  workType?: string;
+  location?: string;
+  description?: string;
+  positionGroup?: string;
+}
+
+const vacancyFormValidators = new Map(
+  Object.entries({
+    position: validateRequired,
+    salary: validatorTrain(validateRequired, validateNumeric),
+    workType: validateRequired,
+    location: validateRequired,
+    description: validateRequired,
+    positionGroup: validateOk,
+  }),
+);
+
+function submitVacancyFields(data: VacancyFormFields) {
+  const validatedData: VacancyFormData = {};
+  Object.entries(data).forEach(([key, value]) => {
+    (validatedData as { [key: string]: FormValue })[key] = vacancyFormValidators.get(key)(value);
+  });
+  storeManager.dispatch({
+    type: VacancyActions.FormSubmit,
+    payload: validatedData,
+  } as VacancyFormSubmitAction);
+}
+
+function validateVacancyForm(data: VacancyFormFields) {
+  submitVacancyFields(data);
+  let isValid = false;
+  const userData = userStore.getData();
+  if (userData.userType !== UserType.Employer) {
+    return false;
+  }
+  const { position, salary, workType, location, description } =
+    vacancyStore.getData().vacancyFormData;
+  isValid = [position, salary, workType, location, description].every((field) => field.isValid);
+  storeManager.dispatch({
+    type: VacancyActions.FormSubmit,
+    payload: {
+      isValid,
+    } as VacancyFormData,
+  });
+  return isValid;
+}
+
+async function createVacancy(body: VacancyFormFields) {
+  const backendOrigin = backendStore.getData().backendOrigin;
+  if (!validateVacancyForm(body)) {
+    throw new TypeError('Form is not valid');
+  }
+  try {
+    const newVacancy = makeVacancyFromApi(
+      await apiCreateVacancy(backendOrigin, userStore.getData().csrfToken, {
+        position: body.position,
+        salary: Number(body.salary),
+        location: body.location,
+        workType: body.workType,
+        description: body.description,
+        positionGroup: body.positionGroup,
+      }),
+    );
+    storeManager.dispatch({
+      type: VacancyActions.Update,
+      payload: {
+        vacancy: newVacancy,
+        loaded: true,
+        appliers: [],
+      } as UpdateActionPayload,
+    } as UpdateAction);
+  } catch (err) {
+    assertIfError(err);
+    console.log(err);
+    vacancyActionCreators.clearVacancy();
+  }
+}
+
+async function updateVacancy(id: number, body: VacancyFormFields) {
+  // const backendOrigin = backendStore.getData().backendOrigin;
+  if (!validateVacancyForm(body)) {
+    throw new TypeError('Form is not valid');
+  }
+  try {
+    const updatedVacancy = makeVacancyFromApi(
+      await apiUpdateVacancy(backendStore.getData().backendOrigin, userStore.getData().csrfToken, {
+        id,
+        position: body.position,
+        salary: Number(body.salary),
+        location: body.location,
+        workType: body.workType,
+        description: body.description,
+        positionGroup: body.positionGroup,
+      }),
+    );
+    const oldVacancy = vacancyStore.getData();
+    storeManager.dispatch({
+      type: VacancyActions.Update,
+      payload: {
+        vacancy: updatedVacancy,
+        loaded: true,
+        appliers: oldVacancy.appliers,
+      } as UpdateActionPayload,
+    });
+  } catch (err) {
+    assertIfError(err);
+    console.log(err);
+  }
+}
 
 async function loadVacancy(id: number) {
   const backendOrigin = backendStore.getData().backendOrigin;
@@ -33,7 +157,7 @@ async function loadVacancy(id: number) {
     const userData = userStore.getData();
     let loadedAppliers: Applicant[];
     if (userData.userType === UserType.Employer && userData.id === loadedVacancy.employerId) {
-      const rawAppliers = await getVacancyAppliers(backendOrigin, id);
+      const rawAppliers = await getVacancyAppliers(backendOrigin, userData.csrfToken, id);
       loadedAppliers = rawAppliers.subscribers.map((apiApplicant) =>
         makeApplicantFromApi(apiApplicant),
       );
@@ -181,13 +305,20 @@ function clearVacancy() {
 }
 
 export const vacancyActionCreators = {
-  loadVacancy,
   loadApplyStatus,
-  loadFavoriteStatus,
   applyVacancy,
   removeApplyVacancy,
+
   clearVacancy,
-  removeVacancy,
+
+  loadFavoriteStatus,
   addVacancyToFavorite,
   removeVacancyFromFavorite,
+
+  submitVacancyFields,
+
+  createVacancy,
+  loadVacancy,
+  updateVacancy,
+  removeVacancy,
 };
diff --git a/src/application/components/header/header.tsx b/src/application/components/header/header.tsx
index 7ab0c1c..605e6b5 100644
--- a/src/application/components/header/header.tsx
+++ b/src/application/components/header/header.tsx
@@ -59,6 +59,7 @@ export class Header extends Component {
                   setIsOpen={this.setIsNotifyDropdownOpen}
                 >
                   <NotificationList
+                    key="notification-list"
                     elementClass="header__notification-list"
                     notifications={notifications}
                   />
diff --git a/src/application/components/input/input.tsx b/src/application/components/input/input.tsx
index 3c1d1c0..aa072d1 100644
--- a/src/application/components/input/input.tsx
+++ b/src/application/components/input/input.tsx
@@ -72,6 +72,7 @@ export class Input extends Component {
             name={this.props.name}
             id={this.props.id}
             maxlength={this.props.maxlength}
+            onFocusOut={this.props.onFocusOut}
           >
             {this.props.value ?? ''}
           </textarea>
@@ -94,6 +95,7 @@ export class Input extends Component {
             name={this.props.name}
             id={this.props.id}
             value={this.props.value}
+            onFocusOut={this.props.onFocusOut}
           >
             {(this.props.options as Option[]).map((option) => (
               <option value={option.value} key={option.value}>
diff --git a/src/application/components/vacancy_article/vacancy_article.tsx b/src/application/components/vacancy_article/vacancy_article.tsx
index b432d54..cdf076f 100644
--- a/src/application/components/vacancy_article/vacancy_article.tsx
+++ b/src/application/components/vacancy_article/vacancy_article.tsx
@@ -95,45 +95,11 @@ export class VacancyArticle extends Component {
         </div>
         <div className="vacancy-article__divider"></div>
         <div className="vacancy-article__description">{vacancy.description}</div>
-        {this.props.userType === UserType.Applicant && (
-          <div className="vacancy-article__button-container">
-            {this.props.isApplied ? (
-              <button
-                type="button"
-                className="vacancy-article__reset-apply-button button button_danger-primary"
-                onClick={(ev: Event) => this.handleRemoveApply(ev)}
-              >
-                Отменить отклик
-              </button>
-            ) : (
-              <button
-                type="button"
-                className="vacancy-article__apply-button button button_main-primary"
-                onClick={(ev: Event) => this.handleApply(ev)}
-              >
-                Откликнуться
-              </button>
-            )}
-
-            <a
-              className="vacancy-article__all-vacancies-button button button_main-secondary"
-              href={
-                resolveUrl('profile', null) +
-                `?id=${vacancy.employerId}&userType=employer&from=vacancyList`
-              }
-            >
-              Все вакансии
-            </a>
-            <div className="vacancy-article__created-at">
-              {`последнее обновление: ${vacancy.createdAt.toLocaleString('ru-RU')}`}
-            </div>
-          </div>
-        )}
-        {this.props.userType === UserType.Employer && this.props.isOwner && (
+        {this.props.userType === UserType.Employer && this.props.isOwner ? (
           <div className="vacancy-article__button-container">
             <a
               className="vacancy-article__edit-button button button_main-primary"
-              href={resolveUrl('editVacancy', null) + `?vacancyId=${vacancy.id}`}
+              href={resolveUrl('editVacancy', null) + `?id=${vacancy.id}`}
             >
               Изменить
             </a>
@@ -148,6 +114,39 @@ export class VacancyArticle extends Component {
               {`последнее обновление: ${vacancy.updatedAt.toLocaleString('ru-RU')}`}
             </div>
           </div>
+        ) : (
+          <div className="vacancy-article__button-container">
+            {this.props.userType === UserType.Applicant &&
+              (this.props.isApplied ? (
+                <button
+                  type="button"
+                  className="vacancy-article__reset-apply-button button button_danger-primary"
+                  onClick={(ev: Event) => this.handleRemoveApply(ev)}
+                >
+                  Отменить отклик
+                </button>
+              ) : (
+                <button
+                  type="button"
+                  className="vacancy-article__apply-button button button_main-primary"
+                  onClick={(ev: Event) => this.handleApply(ev)}
+                >
+                  Откликнуться
+                </button>
+              ))}
+            <a
+              className="vacancy-article__all-vacancies-button button button_main-secondary"
+              href={
+                resolveUrl('profile', null) +
+                `?id=${vacancy.employerId}&userType=employer&from=vacancyList`
+              }
+            >
+              Все вакансии
+            </a>
+            <div className="vacancy-article__created-at">
+              {`последнее обновление: ${vacancy.createdAt.toLocaleString('ru-RU')}`}
+            </div>
+          </div>
         )}
       </article>
     );
diff --git a/src/application/pages/cv_edit_page/cv_edit_page.scss b/src/application/pages/cv_edit_page/cv_edit_page.scss
index 73f9b41..1479d61 100644
--- a/src/application/pages/cv_edit_page/cv_edit_page.scss
+++ b/src/application/pages/cv_edit_page/cv_edit_page.scss
@@ -2,6 +2,7 @@
 
 .cv-edit-page {
   display: flex;
+  align-self: center;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
@@ -17,18 +18,14 @@
   border-radius: var(--radius-m);
   background-color: var(--color-background-900);
 
-  &__description-header {
-    font-size: var(--text-size-8);
-    color: var(--color-main-100);
-    text-align: center;
-  }
-
   &__form {
     display: flex;
     flex-direction: column;
   }
 
   &__header {
+    font-size: var(--text-size-8);
+    color: var(--color-main-100);
     text-align: center;
   }
 
diff --git a/src/application/pages/cv_edit_page/cv_edit_page.tsx b/src/application/pages/cv_edit_page/cv_edit_page.tsx
index f8ae83f..62422b0 100644
--- a/src/application/pages/cv_edit_page/cv_edit_page.tsx
+++ b/src/application/pages/cv_edit_page/cv_edit_page.tsx
@@ -65,25 +65,24 @@ export class CvEditPage extends Component {
     }
   }
 
-  private handleSubmit = (ev: Event) => {
+  private handleSubmit = async (ev: Event) => {
     ev.preventDefault();
     const formData = Object.fromEntries(new FormData(ev.target as HTMLFormElement));
-    if (this.isCreatingCv) {
-      cvActionCreators.createCv(formData).then(() => {
+    try {
+      if (this.isCreatingCv) {
+        await cvActionCreators.createCv(formData);
         const cv = cvStore.getData().cv;
         routerActionCreators.redirect(
           resolveUrl('cv', { [CvEditPageParams.Id]: cv.id.toString() }),
         );
-      });
-    } else {
-      cvActionCreators
-        .updateCv(this.cvId, formData)
-        .then(() =>
-          routerActionCreators.redirect(
-            resolveUrl('cv', { [CvEditPageParams.Id]: this.cvId.toString() }),
-          ),
+      } else {
+        await cvActionCreators.updateCv(this.cvId, formData);
+        routerActionCreators.redirect(
+          resolveUrl('cv', { [CvEditPageParams.Id]: this.cvId.toString() }),
         );
-    }
+      }
+      // TODO: handle error
+    } catch {}
   };
 
   handleFocusOut = (ev: Event) => {
@@ -115,134 +114,136 @@ export class CvEditPage extends Component {
     }
     const cvData = cvStore.getData().cv;
     return (
-      <main className="cv-edit-page cv-edit-page_theme-dark">
-        <h2 className="cv-edit-page__header">
-          {this.isCreatingCv ? 'Создание резюме' : 'Редактирование резюме'}
-        </h2>
-        <form
-          className="cv-edit-page__form"
-          method="POST"
-          novalidate
-          onSubmit={(ev: Event) => {
-            this.handleSubmit(ev);
-          }}
-        >
-          <Input
-            key="input-position-ru"
-            elementClass="cv-edit-page__position-ru"
-            id="position-ru"
-            name="positionRu"
-            type="text"
-            label="Должность"
-            placeholder="Актер"
-            isRequired={true}
-            maxlength={50}
-            onFocusOut={this.handleFocusOut}
-            value={
-              (formData && formData.positionRu && formData.positionRu.value) ||
-              (cvData && cvData.positionRu)
-            }
-            isValid={formData && formData.positionRu && formData.positionRu.isValid}
-            error={formData && formData.positionRu && formData.positionRu.errorMsg}
-          />
-          <Input
-            key="input-position-en"
-            elementClass="cv-edit-page__position-en"
-            id="position-en"
-            name="positionEn"
-            type="text"
-            label="Перевод должности на английский"
-            placeholder="Actor"
-            isRequired={true}
-            maxlength={50}
-            onFocusOut={this.handleFocusOut}
-            value={
-              (formData && formData.positionEn && formData.positionEn.value) ||
-              (cvData && cvData.positionEn)
-            }
-            isValid={formData && formData.positionEn && formData.positionEn.isValid}
-            error={formData && formData.positionEn && formData.positionEn.errorMsg}
-          />
-          <Input
-            key="input-job-search-status"
-            type="select"
-            label="Статус поиска работы"
-            options={this.jobSearchStatusOptions}
-            elementClass="cv-edit-page__job-search-status"
-            id="job-search-status"
-            name="jobSearchStatus"
-            isRequired={true}
-            onFocusOut={this.handleFocusOut}
-            value={
-              (formData && formData.jobSearchStatus && formData.jobSearchStatus.value) ||
-              (cvData && cvData.jobSearchStatus)
-            }
-            isValid={formData && formData.jobSearchStatus && formData.jobSearchStatus.isValid}
-            error={formData && formData.jobSearchStatus && formData.jobSearchStatus.errorMsg}
-          />
-          <Input
-            key="input-description"
-            type="textarea"
-            hasResizeVertical={true}
-            elementClass="cv-edit-page__description"
-            id="description"
-            name="description"
-            label="Описание и достижения"
-            placeholder="Расскажите о себе"
-            isRequired={true}
-            maxlength={500}
-            onFocusOut={this.handleFocusOut}
-            value={
-              (formData && formData.description && formData.description.value) ||
-              (cvData && cvData.description)
-            }
-            isValid={formData && formData.description && formData.description.isValid}
-            error={formData && formData.description && formData.description.errorMsg}
-          />
-          <Input
-            key="input-working-experience"
-            type="textarea"
-            hasResizeVertical={true}
-            elementClass="cv-edit-page__working-experience"
-            id="working-experience"
-            name="workingExperience"
-            label="Опыт работы"
-            placeholder="Расскажите о своем опыте работы"
-            isRequired={true}
-            maxlength={500}
-            onFocusOut={this.handleFocusOut}
-            value={
-              (formData && formData.workingExperience && formData.workingExperience.value) ||
-              (cvData && cvData.workingExperience)
-            }
-            isValid={formData && formData.workingExperience && formData.workingExperience.isValid}
-            error={formData && formData.workingExperience && formData.workingExperience.errorMsg}
-          />
-          <div className="cv-edit-page__button-container">
-            {this.isCreatingCv ? (
-              <button
-                type="submit"
-                className="cv-edit-page__submit-button button button_main-primary"
-              >
-                Создать
-              </button>
-            ) : (
-              <button
-                type="submit"
-                className="cv-edit-page__submit-button button button_main-primary"
+      <PageContainer key="page-container" elementClass="cv-edit-page__page-container">
+        <main className="cv-edit-page cv-edit-page_theme-dark">
+          <h2 className="cv-edit-page__header">
+            {this.isCreatingCv ? 'Создание резюме' : 'Редактирование резюме'}
+          </h2>
+          <form
+            className="cv-edit-page__form"
+            method="POST"
+            novalidate
+            onSubmit={(ev: Event) => {
+              this.handleSubmit(ev);
+            }}
+          >
+            <Input
+              key="input-position-ru"
+              elementClass="cv-edit-page__position-ru"
+              id="position-ru"
+              name="positionRu"
+              type="text"
+              label="Должность"
+              placeholder="Актер"
+              isRequired={true}
+              maxlength={50}
+              onFocusOut={this.handleFocusOut}
+              value={
+                (formData && formData.positionRu && formData.positionRu.value) ||
+                (cvData && cvData.positionRu)
+              }
+              isValid={formData && formData.positionRu && formData.positionRu.isValid}
+              error={formData && formData.positionRu && formData.positionRu.errorMsg}
+            />
+            <Input
+              key="input-position-en"
+              elementClass="cv-edit-page__position-en"
+              id="position-en"
+              name="positionEn"
+              type="text"
+              label="Перевод должности на английский"
+              placeholder="Actor"
+              isRequired={true}
+              maxlength={50}
+              onFocusOut={this.handleFocusOut}
+              value={
+                (formData && formData.positionEn && formData.positionEn.value) ||
+                (cvData && cvData.positionEn)
+              }
+              isValid={formData && formData.positionEn && formData.positionEn.isValid}
+              error={formData && formData.positionEn && formData.positionEn.errorMsg}
+            />
+            <Input
+              key="input-job-search-status"
+              type="select"
+              label="Статус поиска работы"
+              options={this.jobSearchStatusOptions}
+              elementClass="cv-edit-page__job-search-status"
+              id="job-search-status"
+              name="jobSearchStatus"
+              isRequired={true}
+              onFocusOut={this.handleFocusOut}
+              value={
+                (formData && formData.jobSearchStatus && formData.jobSearchStatus.value) ||
+                (cvData && cvData.jobSearchStatus)
+              }
+              isValid={formData && formData.jobSearchStatus && formData.jobSearchStatus.isValid}
+              error={formData && formData.jobSearchStatus && formData.jobSearchStatus.errorMsg}
+            />
+            <Input
+              key="input-description"
+              type="textarea"
+              hasResizeVertical={true}
+              elementClass="cv-edit-page__description"
+              id="description"
+              name="description"
+              label="Описание и достижения"
+              placeholder="Расскажите о себе"
+              isRequired={true}
+              maxlength={500}
+              onFocusOut={this.handleFocusOut}
+              value={
+                (formData && formData.description && formData.description.value) ||
+                (cvData && cvData.description)
+              }
+              isValid={formData && formData.description && formData.description.isValid}
+              error={formData && formData.description && formData.description.errorMsg}
+            />
+            <Input
+              key="input-working-experience"
+              type="textarea"
+              hasResizeVertical={true}
+              elementClass="cv-edit-page__working-experience"
+              id="working-experience"
+              name="workingExperience"
+              label="Опыт работы"
+              placeholder="Расскажите о своем опыте работы"
+              isRequired={true}
+              maxlength={500}
+              onFocusOut={this.handleFocusOut}
+              value={
+                (formData && formData.workingExperience && formData.workingExperience.value) ||
+                (cvData && cvData.workingExperience)
+              }
+              isValid={formData && formData.workingExperience && formData.workingExperience.isValid}
+              error={formData && formData.workingExperience && formData.workingExperience.errorMsg}
+            />
+            <div className="cv-edit-page__button-container">
+              {this.isCreatingCv ? (
+                <button
+                  type="submit"
+                  className="cv-edit-page__submit-button button button_main-primary"
+                >
+                  Создать
+                </button>
+              ) : (
+                <button
+                  type="submit"
+                  className="cv-edit-page__submit-button button button_main-primary"
+                >
+                  Сохранить
+                </button>
+              )}
+              <a
+                className="cv-form__cancel-button button button_main-secondary"
+                href={resolveUrl('myProfile', { from: 'cvList' })}
               >
-                Сохранить
-              </button>
-            )}
-            <a
-              className="cv-form__cancel-button button button_main-secondary"
-              href={resolveUrl('myProfile', { from: 'cvList' })}
-            >
-              В профиль
-            </a>
-          </div>
-        </form>
-      </main>
+                В профиль
+              </a>
+            </div>
+          </form>
+        </main>
+      </PageContainer>
     );
   }
 }
diff --git a/src/application/pages/vacancy_edit_page/vacancy_edit_page.scss b/src/application/pages/vacancy_edit_page/vacancy_edit_page.scss
index e69de29..ea4de3c 100644
--- a/src/application/pages/vacancy_edit_page/vacancy_edit_page.scss
+++ b/src/application/pages/vacancy_edit_page/vacancy_edit_page.scss
@@ -0,0 +1,46 @@
+/* Vacancy Edit Page */
+
+.vacancy-edit-page {
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  align-self: center;
+  align-items: stretch;
+  justify-content: center;
+  max-width: 425px;
+  padding: 16px;
+  margin-top: 16px;
+  width: var(--4-col);
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+
+  border-radius: var(--radius-m);
+  background-color: var(--color-background-900);
+
+  &__header {
+    font-size: var(--text-size-8);
+    color: var(--color-main-100);
+    text-align: center;
+  }
+
+  &__form {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__position,
+  &__salary,
+  &__work-type,
+  &__location,
+  &__description,
+  &__group {
+    margin-bottom: 20px;
+  }
+  &__button-container {
+    display: flex;
+    align-items: baseline;
+    gap: var(--col-margin);
+  }
+}
diff --git a/src/application/pages/vacancy_edit_page/vacancy_edit_page.tsx b/src/application/pages/vacancy_edit_page/vacancy_edit_page.tsx
index 4fd456c..563c2e5 100644
--- a/src/application/pages/vacancy_edit_page/vacancy_edit_page.tsx
+++ b/src/application/pages/vacancy_edit_page/vacancy_edit_page.tsx
@@ -1,83 +1,256 @@
-// import { Component } from '@/modules/vdom/virtual_node';
-// import * as vdom from '@/modules/vdom/virtual_dom';
-// import { vacancyActionCreators } from '@/application/action_creators/vacancy_action_creators';
-// import { resolveUrl } from '@/modules/common_utils/url_utils/url_utils';
-// import { vacancyStore } from '@/application/stores/vacancy_store/vacancy_store';
-// import { routerActionCreators } from '@/application/action_creators/router_action_creators';
+import { Component } from '@/modules/vdom/virtual_node';
+import * as vdom from '@/modules/vdom/virtual_dom';
+import { vacancyActionCreators } from '@/application/action_creators/vacancy_action_creators';
+import { resolveUrl } from '@/modules/common_utils/url_utils/url_utils';
+import { vacancyStore } from '@/application/stores/vacancy_store/vacancy_store';
+import { routerActionCreators } from '@/application/action_creators/router_action_creators';
+import { userStore } from '@/application/stores/user_store/user_store';
+import { PageContainer } from '@/application/components/page_container/page_container';
+import { LoadingScreen } from '@/application/components/loading_screen/loading_screen';
+import { NotFoundPage } from '../not_found_page/not_found_page';
+import { Input, Option } from '@/application/components/input/input';
+import vacancySearchOptions from '@/config/vacancy_search.json';
+import './vacancy_edit_page.scss';
 
-// export enum VacancyEditPageParams {
-//   Id = 'id',
-// }
+export enum VacancyEditPageParams {
+  Id = 'id',
+}
 
-// export class VacancyEditPage extends Component {
-//   private lastUrl: URL;
-//   private failedToLoadVacancy: boolean = false;
-//   private isCreatingVacancy: boolean = false;
-//   private vacancyId?: number;
-//   private invokedLoadingVacancy: boolean = false;
+export class VacancyEditPage extends Component {
+  private lastUrl: URL;
+  private failedToLoadVacancy: boolean = false;
+  private isCreatingVacancy: boolean = false;
+  private vacancyId?: number;
+  private invokedLoadingVacancy: boolean = false;
+  private workTypeOptions: Array<Option> = [
+    { value: 'Постоянная', label: 'Постоянная' },
+    { value: 'Временная', label: 'Временная' },
+    { value: 'Разовая', label: 'Разовая' },
+  ];
 
-//   constructor({ url }: { url: URL }) {
-//     super({ url });
-//     this.parseUrl();
-//     if (this.isCreatingVacancy) {
-//       vacancyActionCreators.clearVacancy();
-//     }
-//   }
+  constructor({ url }: { url: URL }) {
+    super({ url });
+    this.parseUrl();
+    if (this.isCreatingVacancy) {
+      vacancyActionCreators.clearVacancy();
+    }
+  }
 
-//   private parseUrl(): void {
-//     const url = this.props.url as URL;
-//     this.isCreatingVacancy = url.pathname === resolveUrl('createVacancy', null).pathname;
-//     if (!this.isCreatingVacancy) {
-//       if (this.lastUrl === url) {
-//         return;
-//       }
-//       this.vacancyId = Number(url.searchParams.get(VacancyEditPageParams.Id));
-//       if (!this.vacancyId) {
-//         this.failedToLoadVacancy = true;
-//         return;
-//       }
-//       const vacancyData = vacancyStore.getData();
-//       const vacancySuccessfullyLoaded =
-//         vacancyData.loadedVacancy &&
-//         vacancyData.vacancy &&
-//         vacancyData.vacancy.id === this.vacancyId;
-//       if (!vacancySuccessfullyLoaded && !this.invokedLoadingVacancy) {
-//         vacancyActionCreators.loadVacancy(this.vacancyId);
-//         this.invokedLoadingVacancy = true;
-//       } else {
-//         if (this.invokedLoadingVacancy) {
-//           this.failedToLoadVacancy = true;
-//         }
-//       }
-//       this.lastUrl = url;
-//     }
-//   }
+  private parseUrl(): void {
+    const url = this.props.url as URL;
+    this.isCreatingVacancy = url.pathname === resolveUrl('createVacancy', null).pathname;
+    if (!this.isCreatingVacancy) {
+      if (this.lastUrl === url) {
+        return;
+      }
+      this.vacancyId = Number(url.searchParams.get(VacancyEditPageParams.Id));
+      if (!this.vacancyId) {
+        this.failedToLoadVacancy = true;
+        return;
+      }
+      const vacancyData = vacancyStore.getData();
+      const vacancySuccessfullyLoaded =
+        vacancyData.loadedVacancy &&
+        vacancyData.vacancy &&
+        vacancyData.vacancy.id === this.vacancyId;
+      if (!vacancySuccessfullyLoaded && !this.invokedLoadingVacancy) {
+        vacancyActionCreators.loadVacancy(this.vacancyId);
+        this.invokedLoadingVacancy = true;
+      } else {
+        if (this.invokedLoadingVacancy) {
+          this.failedToLoadVacancy = true;
+        }
+      }
+      this.lastUrl = url;
+    }
+  }
 
-//   private handleSubmit = (ev: Event) => {
-//     ev.preventDefault();
-//     const formData = Object.fromEntries(new FormData(ev.target as HTMLFormElement));
-//     if (this.isCreatingVacancy) {
-//       vacancyActionCreators.createVacancy(formData).then(() => {
-//         const vacancy = vacancyStore.getData().vacancy;
-//         routerActionCreators.redirect(
-//           resolveUrl('vacancy', { [VacancyEditPageParams.Id]: vacancy.id.toString() }),
-//         );
-//       });
-//     } else {
-//       vacancyActionCreators
-//         .updateVacancy(this.vacancyId, formData)
-//         .then(() =>
-//           routerActionCreators.redirect(
-//             resolveUrl('vacancy', { [VacancyEditPageParams.Id]: this.vacancyId.toString() }),
-//           ),
-//         );
-//     }
-//   };
+  private handleSubmit = async (ev: Event) => {
+    ev.preventDefault();
+    const formData = Object.fromEntries(new FormData(ev.target as HTMLFormElement));
+    try {
+      if (this.isCreatingVacancy) {
+        await vacancyActionCreators.createVacancy(formData);
+        const vacancy = vacancyStore.getData().vacancy;
+        routerActionCreators.redirect(
+          resolveUrl('vacancy', { [VacancyEditPageParams.Id]: vacancy.id.toString() }),
+        );
+      } else {
+        await vacancyActionCreators.updateVacancy(this.vacancyId, formData);
+        routerActionCreators.redirect(
+          resolveUrl('vacancy', { [VacancyEditPageParams.Id]: this.vacancyId.toString() }),
+        );
+      }
+      // TODO: handle error
+    } catch {}
+  };
 
-//   handleFocusOut = (ev: Event) => {
-//     const target = ev.target as HTMLInputElement;
-//     const name = target.name;
-//     const value = target.value;
-//     vacancyActionCreators.submitVacancyFields({ [name]: value });
-//   };
-// }
+  handleFocusOut = (ev: Event) => {
+    const target = ev.target as HTMLInputElement;
+    const name = target.name;
+    const value = target.value;
+    vacancyActionCreators.submitVacancyFields({ [name]: value });
+  };
+
+  render() {
+    const userData = userStore.getData();
+    if (!userData.isLoggedIn) {
+      routerActionCreators.redirect(new URL(resolveUrl('login', null)));
+      return <div>{false}</div>;
+    }
+    const formData = vacancyStore.getData().vacancyFormData;
+    if (!this.isCreatingVacancy) {
+      const vacancyData = vacancyStore.getData();
+      if (!vacancyData.loadedVacancy) {
+        return (
+          <PageContainer key="page-container" elementClass="profile-page__page-container">
+            <LoadingScreen key="loading-screen" />
+          </PageContainer>
+        );
+      }
+      if (this.failedToLoadVacancy || !vacancyData.vacancy) {
+        return <NotFoundPage url={this.props.url} key="not-found-page" />;
+      }
+    }
+    const vacancyData = vacancyStore.getData().vacancy;
+    return (
+      <PageContainer key="page-container" elementClass="vacancy-edit-page__page-container">
+        <main className="vacancy-edit-page vacancy-edit-page_theme-dark" key="vacancy-edit-page">
+          <h2 className="vacancy-edit-page__header">
+            {this.isCreatingVacancy ? 'Создание вакансии' : 'Редактирование вакансии'}
+          </h2>
+          <form
+            className="vacancy-edit-page__form"
+            method="POST"
+            novalidate
+            onSubmit={(ev: Event) => this.handleSubmit(ev)}
+          >
+            <Input
+              key="input-position"
+              elementClass="vacancy-edit-page__position"
+              id="position"
+              type="text"
+              name="position"
+              label="Должность"
+              placeholder="Режиссер"
+              isRequired={true}
+              maxlength={50}
+              value={
+                (formData && formData.position && formData.position.value) ||
+                (vacancyData && vacancyData.position)
+              }
+              isValid={formData && formData.position && formData.position.isValid}
+              error={formData && formData.position && formData.position.errorMsg}
+              onFocusOut={this.handleFocusOut}
+            />
+            <Input
+              key="input-salary"
+              elementClass="vacancy-edit-page__salary"
+              id="salary"
+              type="numeric"
+              name="salary"
+              label="Заработная плата (в руб.)"
+              isRequired={true}
+              maxlength={50}
+              onFocusOut={this.handleFocusOut}
+              value={
+                (formData && formData.salary && formData.salary.value) ||
+                (vacancyData && vacancyData.salary)
+              }
+              isValid={formData && formData.salary && formData.salary.isValid}
+              error={formData && formData.salary && formData.salary.errorMsg}
+            />
+            <Input
+              key="input-work-type"
+              elementClass="vacancy-edit-page__work-type"
+              id="work-type"
+              label="Вид работы"
+              type="select"
+              name="workType"
+              isRequired={true}
+              onFocusOut={this.handleFocusOut}
+              options={this.workTypeOptions}
+              value={
+                (formData && formData.workType && formData.workType.value) ||
+                (vacancyData && vacancyData.workType)
+              }
+              isValid={formData && formData.workType && formData.workType.isValid}
+              error={formData && formData.workType && formData.workType.errorMsg}
+            />
+            <Input
+              key="input-location"
+              elementClass="vacancy-edit-page__location"
+              id="location"
+              type="text"
+              name="location"
+              label="Город, где нужно будет работать"
+              isRequired={true}
+              onFocusOut={this.handleFocusOut}
+              value={
+                (formData && formData.location && formData.location.value) ||
+                (vacancyData && vacancyData.location)
+              }
+              isValid={formData && formData.location && formData.location.isValid}
+              error={formData && formData.location && formData.location.errorMsg}
+            />
+            <Input
+              key="input-description"
+              elementClass="vacancy-edit-page__description"
+              id="description"
+              type="textarea"
+              name="description"
+              label="Описание вакансии"
+              isRequired={true}
+              onFocusOut={this.handleFocusOut}
+              value={
+                (formData && formData.description && formData.description.value) ||
+                (vacancyData && vacancyData.description)
+              }
+              isValid={formData && formData.description && formData.description.isValid}
+              error={formData && formData.description && formData.description.errorMsg}
+            />
+            <Input
+              key="input-position-group"
+              elementClass="vacancy-edit-page__group"
+              id="position-group"
+              type="select"
+              name="positionGroup"
+              label="Категория"
+              onFocusOut={this.handleFocusOut}
+              options={vacancySearchOptions.searchGroupOptions}
+              value={
+                (formData && formData.positionGroup && formData.positionGroup.value) ||
+                (vacancyData && vacancyData.positionGroup)
+              }
+              isValid={formData && formData.positionGroup && formData.positionGroup.isValid}
+              error={formData && formData.positionGroup && formData.positionGroup.errorMsg}
+            />
+            <div class="vacancy-edit-page__button-container">
+              {this.isCreatingVacancy ? (
+                <button
+                  type="submit"
+                  className="vacancy-edit-page__submit-button button button_main-primary"
+                >
+                  Создать
+                </button>
+              ) : (
+                <button
+                  type="submit"
+                  className="vacancy-edit-page__submit-button button button_main-primary"
+                >
+                  Сохранить
+                </button>
+              )}
+              <a
+                class="vacancy-edit-page__go-back-button button button_danger-tertiary"
+                href={resolveUrl('myProfile', { from: 'vacancyList' })}
+              >
+                В профиль
+              </a>
+            </div>
+          </form>
+        </main>
+      </PageContainer>
+    );
+  }
+}
diff --git a/src/application/pages/vacancy_page/vacancy_page.tsx b/src/application/pages/vacancy_page/vacancy_page.tsx
index d81261b..abb7266 100644
--- a/src/application/pages/vacancy_page/vacancy_page.tsx
+++ b/src/application/pages/vacancy_page/vacancy_page.tsx
@@ -100,7 +100,7 @@ export class VacancyPage extends Component {
             />
           </main>
           <div className="vacancy-page__side-column">
-            {userType !== UserType.Employer && (
+            {(userType !== UserType.Employer || !isOwner) && (
               <ProfileMinicard
                 key="profile-minicard"
                 elementClass="vacancy-page__profile-minicard"
diff --git a/src/application/stores/feed_store/feed_actions.ts b/src/application/stores/feed_store/feed_actions.ts
new file mode 100644
index 0000000..ead1b0f
--- /dev/null
+++ b/src/application/stores/feed_store/feed_actions.ts
@@ -0,0 +1,38 @@
+/** @fileoverview This file contains actions for feed store */
+
+export enum FeedAction {
+  loadFeed = 'loadFeed',
+  loadMore = 'loadMore',
+  clearFeed = 'clearFeed',
+}
+
+export enum Loadable {
+  Vacancies = 'vacancies',
+}
+
+export interface LoadFeedPayload {
+  whatToLoad: Loadable;
+  startFrom: number;
+  numToLoadAtOnce: number;
+  searchQuery?: string;
+  searchBy?: string;
+  searchCategory?: string;
+}
+
+export interface LoadFeedAction {
+  type: FeedAction.loadFeed;
+  payload: LoadFeedPayload;
+}
+
+export interface LoadMoreActionPayload {
+  moreData: Array<unknown>;
+}
+
+export interface LoadMoreAction {
+  type: FeedAction.loadMore;
+  payload: LoadMoreActionPayload;
+}
+
+export interface ClearFeedAction {
+  type: FeedAction.clearFeed;
+}
diff --git a/src/application/stores/feed_store/feed_store.ts b/src/application/stores/feed_store/feed_store.ts
new file mode 100644
index 0000000..b7eec28
--- /dev/null
+++ b/src/application/stores/feed_store/feed_store.ts
@@ -0,0 +1,31 @@
+// import { Action } from '@/modules/store_manager/action';
+// import { FeedAction, Loadable, LoadFeedPayload } from './feed_actions';
+
+// export interface FeedStoreData {
+//   contentType?: Loadable;
+//   loadedData?: Array<unknown>;
+//   startFrom?: number;
+//   numToLoadAtOnce?: number;
+//   searchQuery?: string;
+//   searchBy?: string;
+//   searchCategory?: string;
+// }
+
+// function feedStoreReducer(state: FeedStoreData, action: Action) {
+//   switch (action.type) {
+//     case FeedAction.loadFeed: {
+//       const payload = action.payload as LoadFeedPayload;
+//       return {
+//         contentType: payload.whatToLoad,
+//         loadedData: [] as Array<unknown>,
+//         startFrom: payload.startFrom,
+//         numToLoadAtOnce: payload.numToLoadAtOnce,
+//         searchQuery: payload.searchQuery,
+//         searchBy: payload.searchBy,
+//         searchCategory: payload.searchCategory,
+//       };
+//     }
+//     case FeedAction.loadMore: {
+//     }
+//   }
+// }
diff --git a/src/application/stores/user_store/user_store.ts b/src/application/stores/user_store/user_store.ts
index 2a454b3..d4b9884 100644
--- a/src/application/stores/user_store/user_store.ts
+++ b/src/application/stores/user_store/user_store.ts
@@ -82,8 +82,11 @@ function userStoreReducer(state: UserData, action: Action) {
 
     case UserActions.Login: {
       const payload = action.payload as LoginActionPayload;
-      const manager = new NotificationManager(backendStore.getData().notificationsUrl.toString());
-      manager.establishConnection();
+      let manager: NotificationManager;
+      if (payload.userType === UserType.Employer) {
+        const manager = new NotificationManager(backendStore.getData().notificationsUrl.toString());
+        manager.establishConnection();
+      }
       return {
         isLoggedIn: true,
         userType: payload.userType,
diff --git a/src/application/stores/vacancy_store/vacancy_actions.ts b/src/application/stores/vacancy_store/vacancy_actions.ts
index 1a11409..d3417ce 100644
--- a/src/application/stores/vacancy_store/vacancy_actions.ts
+++ b/src/application/stores/vacancy_store/vacancy_actions.ts
@@ -2,6 +2,7 @@
 
 import { Vacancy } from '@/application/models/vacancy';
 import { Applicant } from '@/application/models/applicant';
+import { VacancyFormData } from './vacancy_store';
 
 export enum VacancyActions {
   Apply = 'vacancyApply',
@@ -10,6 +11,7 @@ export enum VacancyActions {
   RemoveFromFavorite = 'vacancyRemoveFromFavorite',
   Update = 'vacancyUpdate',
   Clear = 'vacancyClear',
+  FormSubmit = 'vacancyFormSubmit',
 }
 
 export interface UpdateActionPayload {
@@ -42,3 +44,8 @@ export interface RemoveFromFavoriteAction {
 export interface ClearAction {
   type: VacancyActions.Clear;
 }
+
+export interface VacancyFormSubmitAction {
+  type: VacancyActions.FormSubmit;
+  payload: VacancyFormData;
+}
diff --git a/src/application/stores/vacancy_store/vacancy_store.ts b/src/application/stores/vacancy_store/vacancy_store.ts
index a294376..d166b82 100644
--- a/src/application/stores/vacancy_store/vacancy_store.ts
+++ b/src/application/stores/vacancy_store/vacancy_store.ts
@@ -4,6 +4,7 @@ import { Store } from '@/modules/store_manager/store';
 import { UpdateActionPayload, VacancyActions } from './vacancy_actions';
 import { storeManager } from '@/modules/store_manager/store_manager';
 import { Applicant } from '@/application/models/applicant';
+import { FormValue } from '@/application/models/form_value';
 
 export interface VacancyData {
   vacancy?: Vacancy;
@@ -11,6 +12,18 @@ export interface VacancyData {
   applied?: boolean;
   favorite?: boolean;
   appliers?: Array<Applicant>;
+  vacancyFormData?: VacancyFormData;
+}
+
+export interface VacancyFormData {
+  position?: FormValue;
+  salary?: FormValue;
+  workType?: FormValue;
+  location?: FormValue;
+  description?: FormValue;
+  positionGroup?: FormValue;
+  isValid?: boolean;
+  errorMsg?: string;
 }
 
 function vacancyStoreReducer(state: VacancyData, action: Action) {
@@ -48,6 +61,17 @@ function vacancyStoreReducer(state: VacancyData, action: Action) {
     case VacancyActions.Clear: {
       return {};
     }
+
+    case VacancyActions.FormSubmit: {
+      const payload = action.payload as VacancyFormData;
+      if (!state.vacancyFormData) {
+        state.vacancyFormData = {};
+      }
+      Object.entries(payload).forEach(([key, value]) => {
+        (state.vacancyFormData as { [key: string]: unknown })[key] = value;
+      });
+      return state;
+    }
   }
   return state;
 }
diff --git a/src/application/validators/validators.ts b/src/application/validators/validators.ts
index fbe7b70..98a90a1 100644
--- a/src/application/validators/validators.ts
+++ b/src/application/validators/validators.ts
@@ -44,6 +44,15 @@ export function validateRequired(value: string): FormValue {
   };
 }
 
+export function validateNumeric(value: string): FormValue {
+  const isValid = /^\d+[\.\d]\d+$/.test(value);
+  return {
+    value,
+    isValid,
+    errorMsg: isValid ? '' : 'Сюда нужно ввести число',
+  };
+}
+
 export function validateDateOfBirth(date: string): FormValue {
   try {
     const parsed = Date.parse(date);
@@ -70,7 +79,7 @@ export function validateDateOfBirth(date: string): FormValue {
   }
 }
 
-export function validatorTrain(validators: { (value: string): FormValue }[]) {
+export function validatorTrain(...validators: { (value: string): FormValue }[]) {
   return function (field: string) {
     for (const validator of validators) {
       const formValue = validator(field);
diff --git a/src/config/vacancy_search.json b/src/config/vacancy_search.json
index 4c35135..38d70d7 100644
--- a/src/config/vacancy_search.json
+++ b/src/config/vacancy_search.json
@@ -1,12 +1,12 @@
 {
   "searchGroupOptions": [
-    { "value": "Художник", "caption": "Художник" },
-    { "value": "Дизайнер", "caption": "Дизайнер" },
-    { "value": "Музыкант", "caption": "Музыкант" },
-    { "value": "Фотограф", "caption": "Фотограф" },
-    { "value": "Видеограф", "caption": "Видеограф" },
-    { "value": "Артист Актёр", "caption": "Артист/Актёр" },
-    { "value": "Писатель", "caption": "Писатель" }
+    { "value": "Художник", "label": "Художник" },
+    { "value": "Дизайнер", "label": "Дизайнер" },
+    { "value": "Музыкант", "label": "Музыкант" },
+    { "value": "Фотограф", "label": "Фотограф" },
+    { "value": "Видеограф", "label": "Видеограф" },
+    { "value": "Артист Актёр", "label": "Артист/Актёр" },
+    { "value": "Писатель", "label": "Писатель" }
   ],
   "searchByOptions": [
     { "value": "position", "caption": "Должности" },
diff --git a/src/index.tsx b/src/index.tsx
index 534e346..1c3e9d2 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -14,6 +14,7 @@ import { ProfilePage } from '@/application/pages/profile_page/profile_page';
 import { VacancyPage } from './application/pages/vacancy_page/vacancy_page';
 import { CvPage } from './application/pages/cv_page/cv_page';
 import { CvEditPage } from './application/pages/cv_edit_page/cv_edit_page';
+import { VacancyEditPage } from './application/pages/vacancy_edit_page/vacancy_edit_page';
 
 // eslint-disable-next-line
 const notificationBox = new NotificationBox({
@@ -31,6 +32,8 @@ routerActionCreators.addRoute(resolveUrl('vacancy', null), VacancyPage);
 routerActionCreators.addRoute(resolveUrl('cv', null), CvPage);
 routerActionCreators.addRoute(resolveUrl('editCv', null), CvEditPage);
 routerActionCreators.addRoute(resolveUrl('createCv', null), CvEditPage);
+routerActionCreators.addRoute(resolveUrl('editVacancy', null), VacancyEditPage);
+routerActionCreators.addRoute(resolveUrl('createVacancy', null), VacancyEditPage);
 routerActionCreators.startRouting(new URL(location.href));
 
 userActionCreators.isAuthorized().finally(() => {
diff --git a/src/modules/api/src/handlers/vacancy/appliers.ts b/src/modules/api/src/handlers/vacancy/appliers.ts
index 724a4e9..1c8979b 100644
--- a/src/modules/api/src/handlers/vacancy/appliers.ts
+++ b/src/modules/api/src/handlers/vacancy/appliers.ts
@@ -11,12 +11,17 @@ import { AppliersListResponse } from '../../responses/appliers';
  */
 export async function getVacancyAppliers(
   apiOrigin: URL,
+  token: string,
   id: number,
 ): Promise<AppliersListResponse> {
-  const response = await fetchCors(new URL(apiOrigin.href + `vacancy/${id}/subscribers`), {
-    method: HttpMethod.Get,
-    credentials: 'include',
-  });
+  const response = await fetchCors(
+    new URL(apiOrigin.href + `vacancy/${id}/subscribers`),
+    {
+      method: HttpMethod.Get,
+      credentials: 'include',
+    },
+    token,
+  );
   return (await unpackJsonResponseBody(response)) as AppliersListResponse;
 }
 
diff --git a/src/modules/vdom/virtual_dom.ts b/src/modules/vdom/virtual_dom.ts
index c32d760..f8f452e 100644
--- a/src/modules/vdom/virtual_dom.ts
+++ b/src/modules/vdom/virtual_dom.ts
@@ -196,6 +196,7 @@ export function updateNode(
     // if not, we should just replace html
     if (curSpec.type !== curHtml.originalVirtualNode.type) {
       destroyVirtualNode(curHtml.originalVirtualNode);
+      curSpec.root = curNode.root;
       const newHtmlNode = createNode(curSpec);
       newHtmlNode.virtualNode.parent =
         curHtml.oldComponentVirtualNodes[curHtml.oldComponentVirtualNodes.length - 1];
@@ -267,6 +268,7 @@ function updateComponentChain(curHtml: NodeWithVirtualNode, firstRender: Virtual
     newOldComponentVirtualNodes.length > 0
       ? newOldComponentVirtualNodes[newOldComponentVirtualNodes.length - 1]
       : curHtml.virtualNode;
+  newRender.root = lastChainPiece.root;
   while (typeof newRender.type !== 'string') {
     // Got new component to render
     newRender.root = lastChainPiece.root;
diff --git a/src/scss/_vacancy.scss b/src/scss/_vacancy.scss
deleted file mode 100644
index 29f84fe..0000000
--- a/src/scss/_vacancy.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-/* Vacancy Edit Page */
-
-.vacancy-page-edit {
-  display: flex;
-  flex-direction: column;
-  justify-content: start;
-  align-items: center;
-  max-width: 100vw;
-  width: 100%;
-  min-height: 100vh;
-  &__form-container {
-    margin: 32px 0;
-    padding: 20px;
-    border-radius: 14px;
-    width: 100%;
-    max-width: 600px;
-    box-sizing: border-box;
-    background-color: var(--color-background-900);
-  }
-
-  &__header {
-    font-size: var(--text-size-8);
-    color: var(--color-main-100);
-    text-align: center;
-  }
-}
-
-/* Vacancy Form */
-
-.vacancy-form {
-  &__position {
-    margin-bottom: 10px;
-  }
-
-  &__salary {
-    margin-bottom: 10px;
-  }
-
-  &__work-type {
-    margin-bottom: 10px;
-  }
-
-  &__location {
-    margin-bottom: 10px;
-  }
-
-  &__description {
-    margin-bottom: 20px;
-  }
-
-  &__description-textarea {
-    resize: vertical;
-  }
-
-  &__group {
-    margin-bottom: 20px;
-  }
-
-  &__group-select {
-    background-color: var(--color-background-600);
-    color: var(--color-main-100);
-  }
-
-  &__button-container {
-    display: flex;
-    align-items: baseline;
-    gap: 20px;
-  }
-}
diff --git a/src/scss/index.scss b/src/scss/index.scss
index d04cdef..9ad9086 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -1,7 +1,6 @@
 @use 'fonts';
 @use 'button';
 @use 'vacancies';
-@use 'vacancy';
 @use 'common';
 @use 'variables' as v;