diff --git a/apps/web/src/services/administration/components/UserManagementAddTag.vue b/apps/web/src/services/administration/components/UserManagementAddTag.vue
index 9295e77a3b..354d098a1a 100644
--- a/apps/web/src/services/administration/components/UserManagementAddTag.vue
+++ b/apps/web/src/services/administration/components/UserManagementAddTag.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { reactive, watch } from 'vue';
+import {
+    reactive, ref, watch,
+} from 'vue';
 
 import { PFieldGroup, PTextButton, PTextInput } from '@spaceone/design-system';
 import type { InputItem } from '@spaceone/design-system/types/inputs/input/text-input/type';
@@ -10,11 +12,13 @@ import { useProxyValue } from '@/common/composables/proxy-state';
 
 interface Props {
     tags: Tags;
+    isEdit?: boolean;
     isFormVisible?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
     tags: undefined,
+    isEdit: false,
     isFormVisible: false,
 });
 
@@ -30,7 +34,13 @@ const state = reactive({
 const handleClickButton = () => {
     state.formVisible = true;
 };
-const handleChangeTags = (items: InputItem[]) => {
+const getInputItemsFromTagKeys = (keys: Tags): InputItem[] => Object.keys(keys).map((key) => ({
+    label: `${key}: ${props.tags[key]}`,
+    name: `${key}: ${props.tags[key]}`,
+}));
+const selected = ref<InputItem[]>(getInputItemsFromTagKeys(props.tags));
+const handleUpdateSelected = (items: InputItem[]) => {
+    selected.value = items;
     const refinedTags = items.map((item) => {
         if (item.name.includes(':')) {
             const tags = item.name.split(':').map((tag) => tag.trim());
@@ -66,9 +76,10 @@ watch(() => props.isFormVisible, (value) => {
             >
                 <p-text-input class="text-input"
                               multi-input
+                              :selected="selected"
                               appearance-type="stack"
                               block
-                              @update:selected="handleChangeTags"
+                              @update:selected="handleUpdateSelected"
                 />
             </p-field-group>
         </div>
diff --git a/apps/web/src/services/administration/components/UserManagementFormAdminRole.vue b/apps/web/src/services/administration/components/UserManagementFormAdminRole.vue
deleted file mode 100644
index 49b803b4b6..0000000000
--- a/apps/web/src/services/administration/components/UserManagementFormAdminRole.vue
+++ /dev/null
@@ -1,135 +0,0 @@
-<script setup lang="ts">
-import { reactive } from 'vue';
-
-import { PToggleButton, PSelectDropdown, PFieldTitle } from '@spaceone/design-system';
-
-import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
-
-import { store } from '@/store';
-
-import ErrorHandler from '@/common/composables/error/errorHandler';
-
-import { useUserPageStore } from '@/services/administration/store/user-page-store';
-import type { UserListItemType } from '@/services/administration/types/user-type';
-
-interface Props {
-    activeTab?: string
-    item?: UserListItemType;
-}
-const props = withDefaults(defineProps<Props>(), {
-    activeTab: '',
-    item: undefined,
-});
-
-const userPageStore = useUserPageStore();
-const userPageState = userPageStore.$state;
-
-const emit = defineEmits<{(e: 'change-input', formState): void}>();
-
-const state = reactive({
-    isSameId: false,
-    isToggled: false,
-    selectedMenuIndex: 0,
-});
-const formState = reactive({
-    domainRole: '',
-    roleId: '',
-    domainRoleList: [] as any[],
-});
-
-/* Components */
-const handleUpdateToggle = () => {
-    state.isToggled = !state.isToggled;
-    if (state.isToggled) {
-        state.selectedMenuIndex = 0;
-        formState.domainRole = formState.domainRoleList[0].label;
-        formState.roleId = formState.domainRoleList[0].name;
-    } else {
-        formState.domainRole = '';
-        formState.roleId = '';
-    }
-    emit('change-input', { ...formState, domainRole: formState.domainRole, roleId: formState.roleId });
-};
-const handleSelectedMenuIndex = (selectedIndex: number) => {
-    state.selectedMenuIndex = selectedIndex;
-    formState.domainRole = formState.domainRoleList[selectedIndex]?.label;
-    formState.roleId = formState.domainRoleList[selectedIndex]?.name;
-    emit('change-input', { ...formState, domainRole: formState.domainRole, roleId: formState.roleId });
-};
-const setForm = async () => {
-    if (formState.domainRoleList[0] && userPageStore.selectedUsers[0].role_bindings && userPageStore.selectedUsers[0].role_bindings.length > 0) {
-        state.selectedMenuIndex = formState.domainRoleList.findIndex((data) => data.name === props.item.role_bindings?.find((role) => role.role_info.role_type === 'DOMAIN')?.role_info.role_id);
-        if (state.selectedMenuIndex === -1) return;
-        state.isToggled = true;
-        formState.domainRole = formState.domainRoleList[state.selectedMenuIndex]?.label;
-        formState.roleId = formState.domainRoleList[state.selectedMenuIndex]?.name;
-        emit('change-input', { ...formState, domainRole: formState.domainRole, roleId: formState.roleId });
-    } else formState.domainRole = '';
-};
-
-/* API */
-const getRoleList = async () => {
-    try {
-        const { results } = await SpaceConnector.client.identity.role.list({
-            role_type: 'DOMAIN',
-        });
-        formState.domainRoleList = results.map((d) => ({
-            type: 'item',
-            label: d.name,
-            name: d.role_id,
-        }));
-        formState.domainRole = formState.domainRoleList[0].label;
-    } catch (e) {
-        ErrorHandler.handleError(e);
-        formState.domainRoleList = [];
-    }
-};
-
-/* init */
-(async () => {
-    await Promise.allSettled([
-        getRoleList(),
-        // LOAD REFERENCE STORE
-        store.dispatch('reference/user/load'),
-    ]);
-    if (userPageState.modalVisible.update) {
-        await setForm();
-    }
-})();
-</script>
-
-<template>
-    <div class="admin-role-wrapper">
-        <p-field-title :label="$t('IAM.USER.FORM.ASSIGN_DOMAIN_ROLE')">
-            <template #left>
-                <p-toggle-button
-                    :value="state.isToggled"
-                    class="toggle-button"
-                    @change-toggle="handleUpdateToggle"
-                />
-            </template>
-        </p-field-title>
-        <!-- CAUTION: Do not remove key binding at select dropdown. This is for initiating scroll parent to refresh fixed menu style. -->
-        <p-select-dropdown v-if="state.isToggled"
-                           :key="`admin-role-${props.activeTab}`"
-                           :menu="formState.domainRoleList"
-                           :disabled="formState.domainRoleList.length < 2 || state.isSameId"
-                           use-fixed-menu-style
-                           :selected="state.selectedMenuIndex"
-                           class="dropdown"
-                           index-mode
-                           @select="handleSelectedMenuIndex"
-        />
-    </div>
-</template>
-
-<style lang="postcss" scoped>
-.admin-role-wrapper {
-    @apply flex flex-col bg-white rounded-lg;
-    padding: 0.75rem;
-    gap: 0.875rem;
-    .toggle-button {
-        margin-right: 0.25rem;
-    }
-}
-</style>
diff --git a/apps/web/src/services/administration/components/UserManagementFormModal.vue b/apps/web/src/services/administration/components/UserManagementFormModal.vue
index bfefc395cb..56996e3439 100644
--- a/apps/web/src/services/administration/components/UserManagementFormModal.vue
+++ b/apps/web/src/services/administration/components/UserManagementFormModal.vue
@@ -90,7 +90,6 @@ const setForm = () => {
     formState.email = state.data.email || '';
     formState.tags = state.data.tags || {};
 };
-
 const handleChangeInputs = (value) => {
     if (value.email) formState.email = value.email;
     if (value.password) formState.password = value.password || '';
@@ -98,32 +97,48 @@ const handleChangeInputs = (value) => {
     if (value.role) formState.role = value.role;
     if (value.workspace) formState.workspace = value.workspace;
 };
-
 const handleChangeVerify = (status) => {
     state.data.email_verified = status;
 };
-
-/* API */
-const handleConfirm = async () => {
-    const userInfoParams: UserManagementData = {
-        user_id: state.data.user_id || '',
-        name: formState.name,
-        email: formState.email || '',
-        tags: formState.tags || {},
-        password: formState.password || '',
+const buildUserInfoParams = (): UserManagementData => ({
+    user_id: state.data.user_id || '',
+    name: formState.name,
+    email: formState.email || '',
+    tags: formState.tags || {},
+    password: formState.password || '',
+    reset_password: state.data.auth_type === 'LOCAL' && formState.passwordType === PASSWORD_TYPE.RESET,
+});
+const buildRoleParams = (item?: AddModalMenuItem): any => {
+    const baseRoleParams = {
+        role_id: formState.role.name || '',
     };
-    if (state.data.auth_type === 'LOCAL') {
-        userInfoParams.reset_password = formState.passwordType === PASSWORD_TYPE.RESET;
-    }
-
-    if (state.isChangedToggle) {
-        await fetchPostDisableMfa();
+    if (isEmpty(formState.role)) {
+        return baseRoleParams;
     }
+    return {
+        ...baseRoleParams,
+        workspace_id: item?.name || '',
+    };
+};
 
+/* API */
+const handleConfirm = async () => {
     state.loading = true;
+
     try {
-        await fetchRoleBinding();
+        if (state.isChangedToggle) {
+            await fetchPostDisableMfa();
+        }
+
+        if (state.isSetAdminRole) {
+            await fetchRoleBinding();
+        } else {
+            await Promise.all(formState.workspace.map(fetchRoleBinding));
+        }
+
+        const userInfoParams = buildUserInfoParams();
         await SpaceConnector.clientV2.identity.user.update<UserUpdateParameters, UserModel>(userInfoParams);
+
         showSuccessMessage(i18n.t('IAM.USER.MAIN.MODAL.ALT_S_UPDATE_USER'), '');
         handleClose();
         emit('confirm');
@@ -133,26 +148,26 @@ const handleConfirm = async () => {
         state.loading = false;
     }
 };
-const fetchRoleBinding = async () => {
+const fetchRoleBinding = async (item?: AddModalMenuItem) => {
     if (isEmpty(formState.role)) return;
-    const baseRoleParams = {
-        role_id: formState.role.name || '',
-    };
-    const roleParams = state.isSetAdminRole ? baseRoleParams : {
-        ...baseRoleParams,
-        workspace_id: formState.workspace.map((w) => w.name || ''),
-    };
-    if (formState.roleBindingId) {
-        await SpaceConnector.clientV2.identity.roleBinding.update<RoleUpdateParameters, RoleBindingModel>({
-            ...roleParams,
-            role_binding_id: formState.roleBindingId,
-        });
-    } else {
-        await SpaceConnector.clientV2.identity.roleBinding.create<RoleCreateParameters, RoleBindingModel>({
-            ...roleParams,
-            user_id: state.data.user_id || '',
-            resource_group: state.isSetAdminRole ? RESOURCE_GROUP.DOMAIN : RESOURCE_GROUP.WORKSPACE,
-        });
+
+    const roleParams = buildRoleParams(item);
+
+    try {
+        if (formState.roleBindingId) {
+            await SpaceConnector.clientV2.identity.roleBinding.update<RoleUpdateParameters, RoleBindingModel>({
+                ...roleParams,
+                role_binding_id: formState.roleBindingId,
+            });
+        } else {
+            await SpaceConnector.clientV2.identity.roleBinding.create<RoleCreateParameters, RoleBindingModel>({
+                ...roleParams,
+                user_id: state.data.user_id || '',
+                resource_group: state.isSetAdminRole ? RESOURCE_GROUP.DOMAIN : RESOURCE_GROUP.WORKSPACE,
+            });
+        }
+    } catch (e: any) {
+        ErrorHandler.handleRequestError(e, e.message);
     }
 };
 const fetchPostDisableMfa = async () => {
@@ -222,6 +237,7 @@ watch(() => userPageState.modal.visible.form, async (visible) => {
                 />
                 <user-management-add-tag v-if="userPageState.isAdminMode"
                                          :tags.sync="formState.tags"
+                                         is-edit
                                          is-form-visible
                 />
             </div>
diff --git a/apps/web/src/services/administration/components/UserManagementFormTags.vue b/apps/web/src/services/administration/components/UserManagementFormTags.vue
deleted file mode 100644
index 727dbdfbcb..0000000000
--- a/apps/web/src/services/administration/components/UserManagementFormTags.vue
+++ /dev/null
@@ -1,85 +0,0 @@
-<script setup lang="ts">
-import { reactive } from 'vue';
-
-import { PFieldGroup } from '@spaceone/design-system';
-
-import TagsInputGroup from '@/common/components/forms/tags-input-group/TagsInputGroup.vue';
-import type { Tag } from '@/common/components/forms/tags-input-group/type';
-
-import { useUserPageStore } from '@/services/administration/store/user-page-store';
-import type { UserListItemType } from '@/services/administration/types/user-type';
-
-interface Props {
-    item?: UserListItemType;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-    item: undefined,
-});
-
-const userPageStore = useUserPageStore();
-const userPageState = userPageStore.$state;
-
-const emit = defineEmits<{(e: 'change-input', formState): void}>();
-
-const formState = reactive({
-    tags: {},
-});
-const validationState = reactive({
-    isTagsValid: undefined as undefined | boolean,
-});
-
-/* Components */
-const setForm = () => {
-    formState.tags = props.item.tags || {};
-};
-const handleUpdateTags = (tags: Tag) => {
-    formState.tags = tags;
-    emit('change-input', { ...formState, tags: formState.tags });
-};
-
-/* Init */
-(async () => {
-    if (userPageState.modalVisible.update) {
-        await setForm();
-    }
-})();
-</script>
-
-<template>
-    <div class="tags-wrapper">
-        <p-field-group :label="$t('IAM.USER.FORM.TAGS')"
-                       class="title"
-        >
-            <div class="tag-help-msg">
-                {{ $t('IAM.USER.FORM.TAGS_HELP_TEXT1') }} <br>
-                {{ $t('IAM.USER.FORM.TAGS_HELP_TEXT2') }}
-            </div>
-        </p-field-group>
-
-        <tags-input-group :tags="formState.tags"
-                          show-validation
-                          :is-valid.sync="validationState.isTagsValid"
-                          is-administration
-                          class="utils-wrapper"
-                          @update-tags="handleUpdateTags"
-        />
-    </div>
-</template>
-<style lang="postcss" scoped>
-.tags-wrapper {
-    .title {
-        margin-bottom: 0;
-    }
-    .utils-wrapper {
-        .p-button {
-            margin-top: 0;
-            margin-bottom: 0.75rem;
-        }
-    }
-    .tag-help-msg {
-        font-size: 0.875rem;
-        line-height: 150%;
-    }
-}
-</style>