diff --git a/package-lock.json b/package-lock.json
index 59d87865b..0b1453f4a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@vuelidate/validators": "^2.0.0",
         "@vueuse/core": "^10.3.0",
         "@webitel/flow-ui-sdk": "^0.1.14",
-        "@webitel/ui-sdk": "^24.6.58",
+        "@webitel/ui-sdk": "^24.6.59",
         "axios": "^1.6.8",
         "clipboard-copy": "^4.0.1",
         "cron-validator": "^1.3.1",
@@ -2250,9 +2250,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.6.58",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.6.58.tgz",
-      "integrity": "sha512-66XdIEUYF2tYyVOSJIM+aU+Li0exZA5sob9DqZemfILzmvoFNEQwxSanduGuz2UFbi+lWFzrngDH+hC5tku03w==",
+      "version": "24.6.59",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.6.59.tgz",
+      "integrity": "sha512-taisUQNZxhUp8/JpzV1PFJhOCfNC0J6BQcxhcS1zjyUlmQcXI7kk7WOzGivSDBs9SnwTXdRNmJkSsiF7okR/sw==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
diff --git a/package.json b/package.json
index 6f4737acb..f06aa4332 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
     "@vuelidate/validators": "^2.0.0",
     "@vueuse/core": "^10.3.0",
     "@webitel/flow-ui-sdk": "^0.1.14",
-    "@webitel/ui-sdk": "^24.6.58",
+    "@webitel/ui-sdk": "^24.6.59",
     "axios": "^1.6.8",
     "clipboard-copy": "^4.0.1",
     "cron-validator": "^1.3.1",
diff --git a/src/app/components/utils/generate-password-input.vue b/src/app/components/utils/generate-password-input.vue
index be1c00ec5..f2eeb10e8 100644
--- a/src/app/components/utils/generate-password-input.vue
+++ b/src/app/components/utils/generate-password-input.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="generate-password-input">
     <wt-input
+      v-bind="$attrs"
       :disabled="disabled"
       :label="$t('objects.password')"
       :label-props="{ hint: $t('objects.directory.passwordInfo'), hintPosition: 'right' }"
diff --git a/src/app/components/utils/user-password-input.vue b/src/app/components/utils/user-password-input.vue
new file mode 100644
index 000000000..05d083e11
--- /dev/null
+++ b/src/app/components/utils/user-password-input.vue
@@ -0,0 +1,92 @@
+<template>
+  <generate-password-input
+      :v="v$.model"
+      :value="model"
+      class="user-password-input"
+      v-bind="attrs"
+      @input="model = $event"
+    />
+</template>
+
+<script setup>
+import { useVuelidate } from '@vuelidate/core';
+import { helpers, required } from '@vuelidate/validators';
+import { computed, ref, useAttrs } from 'vue';
+import { useRoute } from 'vue-router';
+import { EngineSystemSettingName } from 'webitel-sdk';
+import ConfigurationAPI from '../../../modules/system/modules/configuration/api/configuration.js';
+import GeneratePasswordInput from './generate-password-input.vue';
+
+const model = defineModel({
+  type: String,
+  default: '',
+});
+
+const attrs = useAttrs();
+
+const route = useRoute();
+
+const vRegex = ref(false);
+const vErrorText = ref(false);
+
+// bad check: implicit dependency :(
+const isNew = computed(() => {
+  // settings page allows empty value, because it's password edit
+  return route.fullPath.includes('new');
+});
+
+const v$ = useVuelidate(
+  computed(() => {
+    const vRegexRule = (v) => (vRegex.value ? vRegex.value.test(v) : false);
+
+    const regex = helpers.withParams(
+      { regex: vRegex.value },
+      vErrorText.value ? helpers.withMessage(vErrorText.value, vRegexRule) : vRegexRule,
+    );
+
+    if (isNew.value) {
+      return {
+        model: {
+          required,
+          regex,
+        },
+      };
+    }
+
+    return {
+      model: model.value ? { regex } : {},
+    };
+  }),
+  { model },
+  {
+    $autoDirty: true,
+  },
+);
+
+const loadV = async () => {
+  const configurations = await ConfigurationAPI.getList({
+    name: [EngineSystemSettingName.PasswordRegExp, EngineSystemSettingName.PasswordValidationText],
+  });
+
+  const regex = configurations.items.find(
+    ({ name }) => name === EngineSystemSettingName.PasswordRegExp,
+  )?.value;
+
+  if (!regex) return;
+
+  const errorText = configurations.items.find(
+    ({ name }) => name === EngineSystemSettingName.PasswordValidationText,
+  )?.value;
+
+  vRegex.value = new RegExp(regex);
+  vErrorText.value = errorText;
+};
+
+loadV();
+</script>
+
+<style lang="scss" scoped>
+.user-password-input {
+
+}
+</style>
diff --git a/src/app/mixins/baseMixins/openedObjectValidationMixin/openedObjectValidationMixin.js b/src/app/mixins/baseMixins/openedObjectValidationMixin/openedObjectValidationMixin.js
index 88b11b0c1..66dcc333e 100644
--- a/src/app/mixins/baseMixins/openedObjectValidationMixin/openedObjectValidationMixin.js
+++ b/src/app/mixins/baseMixins/openedObjectValidationMixin/openedObjectValidationMixin.js
@@ -9,11 +9,11 @@ export default {
   },
 
   methods: {
-    checkValidations(validatedInstance = 'itemInstance') {
+    checkValidations() {
       const v = this.v$ ? this.v$ : this.v;
-      v[validatedInstance].$touch();
+      v.$touch();
       // if its still pending or an error is returned do not submit
-      return v[validatedInstance].$pending || v[validatedInstance].$error;
+      return v.$pending || v.$error;
     },
   },
 };
diff --git a/src/modules/directory/modules/users/components/opened-user-general.vue b/src/modules/directory/modules/users/components/opened-user-general.vue
index 2563d0c1c..1e5f9083f 100644
--- a/src/modules/directory/modules/users/components/opened-user-general.vue
+++ b/src/modules/directory/modules/users/components/opened-user-general.vue
@@ -36,12 +36,11 @@
         @input="setItemProp({ prop: 'email', value: $event })"
       />
 
-      <password-input
+      <user-password-input
         :disabled="disableUserInput"
-        :v="v.itemInstance.password"
-        :value="itemInstance.password"
+        :model-value="itemInstance.password"
         required
-        @input="setItemProp({ prop: 'password', value: $event })"
+        @update:model-value="setItemProp({ prop: 'password', value: $event })"
       />
 
       <qrcode
@@ -55,13 +54,13 @@
 
 <script>
 import { mapGetters } from 'vuex';
-import PasswordInput from '../../../../../app/components/utils/generate-password-input.vue';
+import UserPasswordInput from '../../../../../app/components/utils/user-password-input.vue';
 import openedTabComponentMixin from '../../../../../app/mixins/objectPagesMixins/openedObjectTabMixin/openedTabComponentMixin';
 import Qrcode from './_internals/qrcode-two-factor-auth.vue';
 
 export default {
   name: 'OpenedUserGeneral',
-  components: { PasswordInput, Qrcode },
+  components: { UserPasswordInput, Qrcode },
   mixins: [openedTabComponentMixin],
   computed: {
     ...mapGetters('directory/users', {
diff --git a/src/modules/directory/modules/users/components/opened-user.vue b/src/modules/directory/modules/users/components/opened-user.vue
index 879c0dcdc..71a9ebfc1 100644
--- a/src/modules/directory/modules/users/components/opened-user.vue
+++ b/src/modules/directory/modules/users/components/opened-user.vue
@@ -46,9 +46,11 @@
 
 <script>
 import { useVuelidate } from '@vuelidate/core';
-import { helpers, required, requiredIf, requiredUnless } from '@vuelidate/validators';
+import { helpers, required, requiredIf } from '@vuelidate/validators';
+import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
+import { computed } from 'vue';
+import { useStore } from 'vuex';
 import openedObjectMixin from '../../../../../app/mixins/objectPagesMixins/openedObjectMixin/openedObjectMixin';
-import { isRegExpMatched } from '../../../../../app/utils/validators.js';
 import Logs from '../modules/logs/components/opened-user-logs.vue';
 import LogsFilters from '../modules/logs/modules/filters/components/opened-user-logs-filters.vue';
 import Tokens from '../modules/tokens/components/opened-user-token.vue';
@@ -57,8 +59,8 @@ import General from './opened-user-general.vue';
 import License from './opened-user-license.vue';
 import Roles from './opened-user-roles.vue';
 import Variables from './opened-user-variables.vue';
-import { EngineSystemSettingName } from 'webitel-sdk';
-import ConfigurationAPI from '../../../../system/modules/configuration/api/configuration.js';
+
+const namespace = 'directory/users';
 
 export default {
   name: 'OpenedUser',
@@ -74,35 +76,45 @@ export default {
   },
   mixins: [openedObjectMixin],
 
-  setup: () => ({
-    v$: useVuelidate(),
-  }),
+  setup: () => {
+    const store = useStore();
+
+    const itemInstance = computed(() => getNamespacedState(store.state, namespace).itemInstance);
+
+    /** useVuelidate collects nested validations,
+     *  so that it collects validation from nested user-password-input.vue */
+    const v$ = useVuelidate(
+      computed(() => ({
+        itemInstance: {
+          username: { required },
+
+          /** see comment above */
+          // password: {
+          //   required: requiredUnless((value, item) => !!item.id),
+          // },
+          variables: {
+            $each: helpers.forEach({
+              key: {
+                required: requiredIf((value, item) => !!item.value),
+              },
+              value: {
+                required: requiredIf((value, item) => !!item.key),
+              },
+            }),
+          },
+        },
+      })),
+      { itemInstance },
+      { $autoDirty: true },
+    );
+
+    return { v$ };
+  },
   data: () => ({
-    namespace: 'directory/users',
+    namespace,
     passwordRegExp: '',
     validationText: '',
   }),
-  validations() {
-    return {
-      itemInstance: {
-        username: { required },
-        password: {
-          required: requiredUnless((value, item) => !!item.id),
-          isRegExpMatched: isRegExpMatched(this.passwordRegExp, this.validationText)
-        },
-        variables: {
-          $each: helpers.forEach({
-            key: {
-              required: requiredIf((value, item) => !!item.value),
-            },
-            value: {
-              required: requiredIf((value, item) => !!item.key),
-            },
-          }),
-        },
-      },
-    };
-  },
 
   computed: {
     path() {
@@ -160,23 +172,6 @@ export default {
       return tabs;
     },
   },
-  methods: {
-    async checkPasswordRegExp() {
-      const PasswordRegExp = await ConfigurationAPI.getList({ name: EngineSystemSettingName.PasswordRegExp });
-      const exportSettingsValue = PasswordRegExp.items[0]?.value;
-      this.passwordRegExp = new RegExp(exportSettingsValue);
-    },
-
-    async checkPasswordValidationText() {
-      const PasswordRegExp = await ConfigurationAPI.getList({ name: EngineSystemSettingName.PasswordValidationText });
-      const exportSettingsValue = PasswordRegExp.items[0]?.value;
-      this.validationText = new RegExp(exportSettingsValue);
-    },
-  },
-  async mounted() {
-    await this.checkPasswordRegExp();
-    await this.checkPasswordValidationText();
-  }
 };
 </script>
 
diff --git a/src/modules/settings/components/change-password.vue b/src/modules/settings/components/change-password.vue
new file mode 100644
index 000000000..85f68e785
--- /dev/null
+++ b/src/modules/settings/components/change-password.vue
@@ -0,0 +1,85 @@
+<template>
+  <article class="change-password">
+    <header class="content-header">
+      <h3 class="content-title">
+        {{ $t('settings.changePassword') }}
+      </h3>
+    </header>
+    <form @submit="changePassword">
+      <user-password-input
+        :model-value="newPassword"
+        :label="$t('auth.password')"
+        @update:model-value="newPassword = $event"
+      />
+      <wt-input
+        v-model="confirmNewPassword"
+        :label="$t('auth.confirmPassword')"
+        :v="v$.confirmNewPassword"
+        type="password"
+      />
+      <wt-button
+        :disabled="v$.$invalid"
+        :loading="isPasswordPatching"
+        type="submit"
+        @click.prevent="changePassword"
+      >
+        {{ $t('objects.save') }}
+      </wt-button>
+    </form>
+  </article>
+</template>
+
+<script setup>
+import { useVuelidate } from '@vuelidate/core';
+import { required, sameAs } from '@vuelidate/validators';
+import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
+import { computed, inject, ref } from 'vue';
+import { useStore } from 'vuex';
+import UserPasswordInput from '../../../app/components/utils/user-password-input.vue';
+import { changePassword as requestChangePassword } from '../api/settings';
+
+const $eventBus = inject('$eventBus');
+
+const store = useStore();
+
+const userId = computed(() => getNamespacedState(store.state, 'userinfo').userId);
+
+const isPasswordPatching = ref(false);
+const newPassword = ref('');
+const confirmNewPassword = ref('');
+
+const v$ = useVuelidate(
+  computed(() => ({
+    confirmNewPassword: {
+      sameAs: sameAs(newPassword),
+    },
+  })),
+  { newPassword, confirmNewPassword },
+  { $autoDirty: true },
+);
+
+async function changePassword() {
+  try {
+    isPasswordPatching.value = true;
+    const changes = {
+      password: newPassword.value,
+    };
+    await requestChangePassword({
+      id: userId.value,
+      changes,
+    });
+    $eventBus.$emit('notification', {
+      type: 'success',
+      text: 'Password is successfully updated!',
+    });
+  } finally {
+    isPasswordPatching.value = false;
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.change-password {
+
+}
+</style>
diff --git a/src/modules/settings/components/the-settings.vue b/src/modules/settings/components/the-settings.vue
index f67cf98b6..874222065 100644
--- a/src/modules/settings/components/the-settings.vue
+++ b/src/modules/settings/components/the-settings.vue
@@ -10,35 +10,7 @@
       in a column and give them half the width of the screen-->
       <section class="settings-section">
         <article class="settings-section__setting">
-          <header class="content-header">
-            <h3 class="content-title">
-              {{ $t('settings.changePassword') }}
-            </h3>
-          </header>
-          <form @submit="changePassword">
-            <wt-input
-              v-model="newPassword"
-              :label="$t('auth.password')"
-              :v="v$.newPassword"
-              required
-              type="password"
-            />
-            <wt-input
-              v-model="confirmNewPassword"
-              :label="$t('auth.confirmPassword')"
-              :v="v$.confirmNewPassword"
-              required
-              type="password"
-            />
-            <wt-button
-              :disabled="disablePasswordChange"
-              :loading="isPasswordPatching"
-              type="submit"
-              @click.prevent="changePassword"
-            >
-              {{ $t('objects.save') }}
-            </wt-button>
-          </form>
+          <change-password />
         </article>
         <section class="settings-section__setting">
           <header class="content-header">
@@ -106,21 +78,20 @@
 </template>
 
 <script>
-import { useVuelidate } from '@vuelidate/core';
 import { required, sameAs } from '@vuelidate/validators';
 import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
 import { mapState } from 'vuex';
-import { changePassword, changeWebPhone, getWebPhone } from '../api/settings';
+import { changeWebPhone, getWebPhone } from '../api/settings';
+import ChangePassword from './change-password.vue';
 import CustomRingtone from './custom-ringtone.vue';
 
 export default {
   name: 'TheSettings',
-  components: { CustomRingtone },
+  components: {
+    CustomRingtone,
+    ChangePassword,
+  },
   inject: ['$eventBus'],
-
-  setup: () => ({
-    v$: useVuelidate(),
-  }),
   data: () => ({
     newPassword: '',
     confirmNewPassword: '',
@@ -155,17 +126,6 @@ export default {
       },
     ],
   }),
-  validations() {
-    return {
-      newPassword: {
-        required,
-      },
-      confirmNewPassword: {
-        sameAs: sameAs(this.newPassword),
-      },
-    };
-  },
-
   created() {
     this.restoreLanguage();
   },
@@ -192,27 +152,6 @@ export default {
   },
 
   methods: {
-    async changePassword() {
-      try {
-        this.isPasswordPatching = true;
-        const changes = {
-          password: this.newPassword,
-        };
-        await changePassword({
-          id: this.userId,
-          changes,
-        });
-        this.$eventBus.$emit('notification', {
-          type: 'success',
-          text: 'Password is successfully updated!',
-        });
-      } catch (err) {
-        throw err;
-      } finally {
-        this.isPasswordPatching = false;
-      }
-    },
-
     async changeWebrtc(value) {
       try {
         this.webrtc = value;