diff --git a/CHANGELOG.md b/CHANGELOG.md
index e3d8b744a..c475bac31 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -31,6 +31,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Input fields not disabled correctly on login page ([#1791], [#1794])
 - Style of 'clear' button of the room replacement selector in the 'Delete room type' dialog ([#1784], [#1787])
 - Missing form validation feedback on forgot password page ([#1802])
+- Missing form validation feedback for password fields on login page ([#1801])
 
 ## [v4.2.0] - 2025-01-06
 
@@ -352,6 +353,7 @@ You can find the changelog for older versions there [here](https://github.com/TH
 [#1787]: https://github.com/THM-Health/PILOS/pull/1787
 [#1791]: https://github.com/THM-Health/PILOS/issues/1791
 [#1794]: https://github.com/THM-Health/PILOS/pull/1794
+[#1801]: https://github.com/THM-Health/PILOS/pull/1801
 [#1802]: https://github.com/THM-Health/PILOS/pull/1802
 [unreleased]: https://github.com/THM-Health/PILOS/compare/v4.2.0...develop
 [v3.0.0]: https://github.com/THM-Health/PILOS/releases/tag/v3.0.0
diff --git a/resources/js/components/AppBanner.vue b/resources/js/components/AppBanner.vue
index 7fa728cf2..1e5d5897f 100644
--- a/resources/js/components/AppBanner.vue
+++ b/resources/js/components/AppBanner.vue
@@ -27,21 +27,27 @@
       <p class="m-0 whitespace-pre-wrap">
         {{ message }}
       </p>
-      <a v-if="link" :href="link" :target="`_${linkTarget}`">
+      <div>
         <Button
+          v-if="link"
+          as="a"
+          :href="link"
+          :target="`_${linkTarget}`"
           :link="linkStyle === 'link'"
-          :style="linkStyle === 'link' ? { color: color } : {}"
-          :class="linkStyle === 'link' ? 'p-0 underline' : ''"
+          :style="buttonStyle"
+          :class="buttonClass"
           :severity="linkStyle"
           :label="linkText ? linkText : link"
         />
-      </a>
+      </div>
     </div>
   </Message>
 </template>
 
 <script setup>
-defineProps({
+import { computed } from "vue";
+
+const props = defineProps({
   background: {
     type: String,
     default: null,
@@ -87,6 +93,14 @@ defineProps({
     default: null,
   },
 });
+
+const buttonClass = computed(() => {
+  return props.linkStyle === "link" ? "p-0 underline" : "";
+});
+
+const buttonStyle = computed(() => {
+  return props.linkStyle === "link" ? { color: props.color } : {};
+});
 </script>
 <style scoped>
 .banner-message {
diff --git a/resources/js/components/RoomTabRecordingsDownloadButton.vue b/resources/js/components/RoomTabRecordingsDownloadButton.vue
index 3cf41b4ff..f261c6900 100644
--- a/resources/js/components/RoomTabRecordingsDownloadButton.vue
+++ b/resources/js/components/RoomTabRecordingsDownloadButton.vue
@@ -1,7 +1,7 @@
 <template>
   <Button
     v-tooltip:top="$t('rooms.recordings.download')"
-    as="a"
+    :as="props.disabled ? 'button' : 'a'"
     target="_blank"
     :href="downloadUrl"
     severity="help"
@@ -29,9 +29,6 @@ const props = defineProps({
 });
 
 const downloadUrl = computed(() => {
-  if (props.disabled) {
-    return null;
-  }
   return (
     settingsStore.getSetting("general.base_url") +
     "/download/recording/" +
diff --git a/resources/js/components/SettingsRolesDeleteButton.vue b/resources/js/components/SettingsRolesDeleteButton.vue
index 24e1a167f..ca8bffaf0 100644
--- a/resources/js/components/SettingsRolesDeleteButton.vue
+++ b/resources/js/components/SettingsRolesDeleteButton.vue
@@ -2,7 +2,7 @@
   <Button
     v-tooltip="$t('admin.roles.delete.item', { id: props.name })"
     :aria-label="$t('admin.roles.delete.item', { id: props.name })"
-    :disabled="isBusy"
+    :disabled="isBusy || props.disabled"
     severity="danger"
     icon="fa-solid fa-trash"
     @click="showModal"
@@ -53,6 +53,10 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const emit = defineEmits(["deleted"]);
diff --git a/resources/js/components/SettingsRoomTypesDeleteButton.vue b/resources/js/components/SettingsRoomTypesDeleteButton.vue
index 547e9827d..2876a2787 100644
--- a/resources/js/components/SettingsRoomTypesDeleteButton.vue
+++ b/resources/js/components/SettingsRoomTypesDeleteButton.vue
@@ -2,7 +2,7 @@
   <Button
     v-tooltip="$t('admin.room_types.delete.item', { id: props.name })"
     :aria-label="$t('admin.room_types.delete.item', { id: props.name })"
-    :disabled="isBusy"
+    :disabled="isBusy || props.disabled"
     severity="danger"
     icon="fa-solid fa-trash"
     data-test="room-types-delete-button"
@@ -101,6 +101,10 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const emit = defineEmits(["deleted", "notFound"]);
diff --git a/resources/js/components/SettingsServerPoolsDeleteButton.vue b/resources/js/components/SettingsServerPoolsDeleteButton.vue
index 66b5df7ae..838709252 100644
--- a/resources/js/components/SettingsServerPoolsDeleteButton.vue
+++ b/resources/js/components/SettingsServerPoolsDeleteButton.vue
@@ -2,7 +2,7 @@
   <Button
     v-tooltip="$t('admin.server_pools.delete.item', { name: props.name })"
     :aria-label="$t('admin.server_pools.delete.item', { name: props.name })"
-    :disabled="isBusy"
+    :disabled="isBusy || props.disabled"
     icon="fa-solid fa-trash"
     severity="danger"
     @click="showModal"
@@ -70,6 +70,10 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const emit = defineEmits(["deleted"]);
diff --git a/resources/js/components/SettingsServersDeleteButton.vue b/resources/js/components/SettingsServersDeleteButton.vue
index a48968165..6247db617 100644
--- a/resources/js/components/SettingsServersDeleteButton.vue
+++ b/resources/js/components/SettingsServersDeleteButton.vue
@@ -3,7 +3,7 @@
     v-tooltip="$t('admin.servers.delete.item', { name: props.name })"
     severity="danger"
     icon="fa-solid fa-trash"
-    :disabled="isBusy"
+    :disabled="isBusy || props.disabled"
     :aria-label="$t('admin.servers.delete.item', { name: props.name })"
     @click="showModal()"
   />
@@ -51,6 +51,10 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const emit = defineEmits(["deleted"]);
diff --git a/resources/js/components/SettingsUsersDeleteButton.vue b/resources/js/components/SettingsUsersDeleteButton.vue
index 46f6aa725..4bc8c9711 100644
--- a/resources/js/components/SettingsUsersDeleteButton.vue
+++ b/resources/js/components/SettingsUsersDeleteButton.vue
@@ -12,7 +12,7 @@
         lastname: props.lastname,
       })
     "
-    :disabled="isBusy"
+    :disabled="isBusy || props.disabled"
     severity="danger"
     icon="fa-solid fa-trash"
     @click="showModal"
@@ -71,6 +71,10 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const emit = defineEmits(["deleted"]);
diff --git a/resources/js/components/SettingsUsersResetPasswordButton.vue b/resources/js/components/SettingsUsersResetPasswordButton.vue
index bee1b1139..b2f7bd184 100644
--- a/resources/js/components/SettingsUsersResetPasswordButton.vue
+++ b/resources/js/components/SettingsUsersResetPasswordButton.vue
@@ -13,7 +13,7 @@
         lastname: props.lastname,
       })
     "
-    :disabled="isBusy"
+    :disabled="isBusy || props.disabled"
     severity="warn"
     icon="fa-solid fa-key"
     @click="showModal"
@@ -81,6 +81,10 @@ const props = defineProps({
     type: String,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const modalVisible = ref(false);
diff --git a/resources/js/components/UserTabEmail.vue b/resources/js/components/UserTabEmail.vue
index 7bd7febad..1208e108d 100644
--- a/resources/js/components/UserTabEmail.vue
+++ b/resources/js/components/UserTabEmail.vue
@@ -87,7 +87,7 @@
 <script setup>
 import env from "../env";
 import { useAuthStore } from "../stores/auth";
-import { computed, onBeforeMount, ref } from "vue";
+import { computed, onBeforeMount, ref, watch } from "vue";
 import { useApi } from "../composables/useApi.js";
 import { useUserPermissions } from "../composables/useUserPermission.js";
 import { useFormErrors } from "../composables/useFormErrors.js";
@@ -106,7 +106,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["updateUser", "notFoundError"]);
+const emit = defineEmits(["updateUser", "notFoundError", "busy"]);
 
 const api = useApi();
 const userPermissions = useUserPermissions();
@@ -129,6 +129,10 @@ onBeforeMount(() => {
   validationRequiredEmail.value = null;
 });
 
+watch(isBusy, () => {
+  emit("busy", isBusy.value);
+});
+
 function save(event) {
   if (event) {
     event.preventDefault();
diff --git a/resources/js/components/UserTabOtherSettings.vue b/resources/js/components/UserTabOtherSettings.vue
index 8cf5b6b0a..8a4f88abb 100644
--- a/resources/js/components/UserTabOtherSettings.vue
+++ b/resources/js/components/UserTabOtherSettings.vue
@@ -59,7 +59,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["updateUser", "notFoundError", "staleError"]);
+const emit = defineEmits(["updateUser", "notFoundError", "staleError", "busy"]);
 
 const model = ref(null);
 const isBusy = ref(false);
@@ -75,6 +75,10 @@ watch(
   { deep: true },
 );
 
+watch(isBusy, () => {
+  emit("busy", isBusy.value);
+});
+
 onBeforeMount(() => {
   model.value = _.cloneDeep(props.user);
 });
diff --git a/resources/js/components/UserTabProfile.vue b/resources/js/components/UserTabProfile.vue
index d6351c79c..e7dd509f6 100644
--- a/resources/js/components/UserTabProfile.vue
+++ b/resources/js/components/UserTabProfile.vue
@@ -184,7 +184,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["updateUser", "notFoundError", "staleError"]);
+const emit = defineEmits(["updateUser", "notFoundError", "staleError", "busy"]);
 
 const isBusy = ref(false);
 const model = ref({});
@@ -208,6 +208,10 @@ watch(
   { deep: true },
 );
 
+watch(isBusy, () => {
+  emit("busy", isBusy.value);
+});
+
 onBeforeMount(() => {
   model.value = _.cloneDeep(props.user);
 });
diff --git a/resources/js/components/UserTabSection.vue b/resources/js/components/UserTabSection.vue
index 8c8c3a6d9..8223146a2 100644
--- a/resources/js/components/UserTabSection.vue
+++ b/resources/js/components/UserTabSection.vue
@@ -6,18 +6,30 @@
       </template>
       <Tabs v-if="!isBusy && user" value="base" scrollable lazy>
         <TabList>
-          <Tab value="base" data-test="base-tab-button"
+          <Tab
+            value="base"
+            data-test="base-tab-button"
+            :disabled="isLoadingAction"
             ><i class="fa-solid fa-user mr-2" />
             {{ $t("admin.users.base_data") }}</Tab
           >
-          <Tab value="email" data-test="email-tab-button"
+          <Tab
+            value="email"
+            data-test="email-tab-button"
+            :disabled="isLoadingAction"
             ><i class="fa-solid fa-envelope mr-2" /> {{ $t("app.email") }}</Tab
           >
-          <Tab value="security" data-test="security-tab-button"
+          <Tab
+            value="security"
+            data-test="security-tab-button"
+            :disabled="isLoadingAction"
             ><i class="fa-solid fa-user-shield mr-2" />
             {{ $t("app.security") }}</Tab
           >
-          <Tab value="others" data-test="others-tab-button"
+          <Tab
+            value="others"
+            data-test="others-tab-button"
+            :disabled="isLoadingAction"
             ><i class="fa-solid fa-user-gear mr-2" />
             {{ $t("admin.users.other_settings") }}</Tab
           >
@@ -30,6 +42,7 @@
               @update-user="updateUser"
               @stale-error="handleStaleError"
               @not-found-error="handleNotFoundError"
+              @busy="(state) => (isLoadingAction = state)"
             />
           </TabPanel>
           <TabPanel value="email">
@@ -38,6 +51,7 @@
               :view-only="viewOnly"
               @update-user="updateUser"
               @not-found-error="handleNotFoundError"
+              @busy="(state) => (isLoadingAction = state)"
             />
           </TabPanel>
           <TabPanel value="security">
@@ -47,6 +61,7 @@
               @update-user="updateUser"
               @stale-error="handleStaleError"
               @not-found-error="handleNotFoundError"
+              @busy="(state) => (isLoadingAction = state)"
             />
           </TabPanel>
           <TabPanel value="others">
@@ -56,6 +71,7 @@
               @update-user="updateUser"
               @stale-error="handleStaleError"
               @not-found-error="handleNotFoundError"
+              @busy="(state) => (isLoadingAction = state)"
             />
           </TabPanel>
         </TabPanels>
@@ -109,10 +125,11 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["updateUser"]);
+const emit = defineEmits(["updateUser", "busy", "loadingAction"]);
 
 const user = ref(null);
 const isBusy = ref(false);
+const isLoadingAction = ref(false);
 const loadingError = ref(false);
 const staleError = ref({});
 const modalVisible = ref(false);
@@ -125,6 +142,16 @@ onMounted(() => {
   loadUser();
 });
 
+// detect busy status while data fetching and notify parent
+watch(isBusy, () => {
+  console.log(isBusy.value);
+  emit("busy", isBusy.value);
+});
+watch(isLoadingAction, () => {
+  console.log(isLoadingAction.value);
+  emit("loadingAction", isLoadingAction.value);
+});
+
 function handleNotFoundError(error) {
   router.push({ name: "admin.users" });
   api.error(error);
diff --git a/resources/js/components/UserTabSecurity.vue b/resources/js/components/UserTabSecurity.vue
index 3b309ca14..886344cde 100644
--- a/resources/js/components/UserTabSecurity.vue
+++ b/resources/js/components/UserTabSecurity.vue
@@ -4,9 +4,11 @@
       <UserTabSecurityRolesAndPermissionsSection
         :user="user"
         :view-only="viewOnly"
+        :disabled="isBusy"
         @update-user="updateUser"
         @stale-error="handleStaleError"
         @not-found-error="handleNotFoundError"
+        @busy="(state) => (isBusy = state)"
       />
     </AdminPanel>
 
@@ -16,13 +18,18 @@
     >
       <UserTabSecurityPasswordSection
         :user="user"
+        :disabled="isBusy"
         @update-user="updateUser"
         @not-found-error="handleNotFoundError"
+        @busy="(state) => (isBusy = state)"
       />
     </AdminPanel>
 
     <AdminPanel v-if="isOwnUser" :title="$t('auth.sessions.active')">
-      <UserTabSecuritySessionsSection />
+      <UserTabSecuritySessionsSection
+        :disabled="isBusy"
+        @busy="(state) => (isBusy = state)"
+      />
     </AdminPanel>
   </div>
 </template>
@@ -30,7 +37,7 @@
 <script setup>
 import { useSettingsStore } from "../stores/settings";
 import { useAuthStore } from "../stores/auth";
-import { computed } from "vue";
+import { computed, ref, watch } from "vue";
 
 const props = defineProps({
   user: {
@@ -43,11 +50,13 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(["staleError", "updateUser", "notFoundError"]);
+const emit = defineEmits(["staleError", "updateUser", "notFoundError", "busy"]);
 
 const authStore = useAuthStore();
 const settingsStore = useSettingsStore();
 
+const isBusy = ref(false);
+
 const isOwnUser = computed(() => {
   return authStore.currentUser?.id === props.user.id;
 });
@@ -58,6 +67,10 @@ const canChangePassword = computed(() => {
   );
 });
 
+watch(isBusy, () => {
+  emit("busy", isBusy.value);
+});
+
 function handleStaleError(error) {
   emit("staleError", error);
 }
diff --git a/resources/js/components/UserTabSecurityPasswordSection.vue b/resources/js/components/UserTabSecurityPasswordSection.vue
index 7e1f415b9..cd81a3e39 100644
--- a/resources/js/components/UserTabSecurityPasswordSection.vue
+++ b/resources/js/components/UserTabSecurityPasswordSection.vue
@@ -18,7 +18,7 @@
             autocomplete="current-password"
             type="password"
             required
-            :disabled="isBusy"
+            :disabled="isBusy || disabled"
             class="w-full"
             :invalid="formErrors.fieldInvalid('current_password')"
           />
@@ -39,7 +39,7 @@
             :autocomplete="isOwnUser ? 'new-password' : 'off'"
             type="password"
             required
-            :disabled="isBusy"
+            :disabled="isBusy || disabled"
             class="w-full"
             :invalid="formErrors.fieldInvalid('new_password')"
           />
@@ -63,7 +63,7 @@
             :autocomplete="isOwnUser ? 'new-password' : 'off'"
             type="password"
             required
-            :disabled="isBusy"
+            :disabled="isBusy || disabled"
             class="w-full"
             :invalid="formErrors.fieldInvalid('new_password_confirmation')"
           />
@@ -74,7 +74,7 @@
       </div>
       <div class="flex justify-end">
         <Button
-          :disabled="isBusy"
+          :disabled="isBusy || disabled"
           type="submit"
           :loading="isBusy"
           :label="$t('auth.change_password')"
@@ -89,7 +89,7 @@
 <script setup>
 import env from "../env";
 import { useAuthStore } from "../stores/auth";
-import { computed, ref } from "vue";
+import { computed, ref, watch } from "vue";
 import { useApi } from "../composables/useApi.js";
 import { useFormErrors } from "../composables/useFormErrors.js";
 import { useToast } from "../composables/useToast.js";
@@ -100,9 +100,13 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
-const emit = defineEmits(["updateUser", "notFoundError"]);
+const emit = defineEmits(["updateUser", "notFoundError", "busy"]);
 
 const api = useApi();
 const formErrors = useFormErrors();
@@ -119,6 +123,10 @@ const isOwnUser = computed(() => {
   return authStore.currentUser?.id === props.user.id;
 });
 
+watch(isBusy, () => {
+  emit("busy", isBusy.value);
+});
+
 function changePassword(event) {
   if (event) {
     event.preventDefault();
diff --git a/resources/js/components/UserTabSecurityRolesAndPermissionsSection.vue b/resources/js/components/UserTabSecurityRolesAndPermissionsSection.vue
index 8bb41fa09..82af55b26 100644
--- a/resources/js/components/UserTabSecurityRolesAndPermissionsSection.vue
+++ b/resources/js/components/UserTabSecurityRolesAndPermissionsSection.vue
@@ -13,7 +13,10 @@
             aria-labelledby="roles-label"
             :invalid="formErrors.fieldInvalid('roles', true)"
             :disabled="
-              isBusy || viewOnly || !userPermissions.can('editUserRole', model)
+              isBusy ||
+              viewOnly ||
+              !userPermissions.can('editUserRole', model) ||
+              disabled
             "
             :automatic-roles="automaticRoles"
             :disable-superuser="!authStore.currentUser.superuser"
@@ -26,7 +29,7 @@
       <div class="flex justify-end">
         <Button
           v-if="!viewOnly && userPermissions.can('editUserRole', model)"
-          :disabled="isBusy || rolesLoadingError || rolesLoading"
+          :disabled="isBusy || rolesLoadingError || rolesLoading || disabled"
           type="submit"
           :loading="isBusy"
           :label="$t('app.save')"
@@ -55,9 +58,13 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
-const emit = defineEmits(["staleError", "updateUser", "notFoundError"]);
+const emit = defineEmits(["staleError", "updateUser", "notFoundError", "busy"]);
 
 const userPermissions = useUserPermissions();
 const api = useApi();
@@ -91,6 +98,10 @@ watch(
   { deep: true },
 );
 
+watch(isBusy, () => {
+  emit("busy", isBusy.value);
+});
+
 onBeforeMount(() => {
   model.value = _.cloneDeep(props.user);
 });
diff --git a/resources/js/components/UserTabSecuritySessionsSection.vue b/resources/js/components/UserTabSecuritySessionsSection.vue
index b324d542b..43f0bbd34 100644
--- a/resources/js/components/UserTabSecuritySessionsSection.vue
+++ b/resources/js/components/UserTabSecuritySessionsSection.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <OverlayComponent :show="loading || loadingError">
+    <OverlayComponent :show="isBusy || loadingError">
       <template #overlay>
         <LoadingRetryButton :error="loadingError" @reload="getSessions()" />
       </template>
@@ -54,11 +54,11 @@
       <div class="flex justify-end">
         <Button
           severity="danger"
-          :disabled="loading || loadingError"
+          :disabled="isBusy || loadingError || disabled"
           class="mt-4"
           :label="$t('auth.sessions.logout_all')"
           icon="fa-solid fa-right-from-bracket"
-          :loading="loading"
+          :loading="isBusy"
           data-test="logout-all-sessions-button"
           @click="deleteAllSessions"
         />
@@ -68,20 +68,33 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from "vue";
+import { onMounted, ref, watch } from "vue";
 import { useApi } from "../composables/useApi.js";
 import { useToast } from "../composables/useToast.js";
 import { useI18n } from "vue-i18n";
 import UAParser from "ua-parser-js";
 
+defineProps({
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const emit = defineEmits(["busy"]);
+
 const sessions = ref([]);
-const loading = ref(false);
+const isBusy = ref(false);
 const loadingError = ref(false);
 
 const api = useApi();
 const toast = useToast();
 const { t } = useI18n();
 
+watch(isBusy, () => {
+  emit("busy", isBusy.value);
+});
+
 onMounted(() => {
   getSessions();
 });
@@ -90,22 +103,22 @@ onMounted(() => {
  * Get the user's sessions.
  */
 function getSessions() {
-  loading.value = true;
+  isBusy.value = true;
   api
     .call("sessions")
     .then((response) => {
-      loadingError.value = false;
+      isBusy.value = false;
       sessions.value = response.data.data.map((session) => {
         session.user_agent = parseAgent(session.user_agent);
         return session;
       });
     })
     .catch((error) => {
-      loadingError.value = true;
+      isBusy.value = true;
       api.error(error);
     })
     .finally(() => {
-      loading.value = false;
+      isBusy.value = false;
     });
 }
 
@@ -125,7 +138,7 @@ function parseAgent(agent) {
  * Delete all other sessions
  */
 function deleteAllSessions() {
-  loading.value = true;
+  isBusy.value = true;
 
   api
     .call("sessions", { method: "DELETE" })
@@ -137,7 +150,7 @@ function deleteAllSessions() {
       api.error(error);
     })
     .finally(() => {
-      loading.value = false;
+      isBusy.value = false;
     });
 }
 </script>
diff --git a/resources/js/views/AdminRolesIndex.vue b/resources/js/views/AdminRolesIndex.vue
index f5937e195..11603d729 100644
--- a/resources/js/views/AdminRolesIndex.vue
+++ b/resources/js/views/AdminRolesIndex.vue
@@ -91,7 +91,7 @@
             <Button
               v-if="userPermissions.can('view', slotProps.data)"
               v-tooltip="$t('admin.roles.view', { name: slotProps.data.name })"
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               :aria-label="
                 $t('admin.roles.view', { name: slotProps.data.name })
               "
@@ -105,7 +105,7 @@
             <Button
               v-if="userPermissions.can('update', slotProps.data)"
               v-tooltip="$t('admin.roles.edit', { name: slotProps.data.name })"
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               severity="info"
               :aria-label="
                 $t('admin.roles.edit', { name: slotProps.data.name })
@@ -121,6 +121,7 @@
               v-if="userPermissions.can('delete', slotProps.data)"
               :id="slotProps.data.id"
               :name="slotProps.data.name"
+              :disabled="isBusy"
               @deleted="loadData()"
             />
           </div>
diff --git a/resources/js/views/AdminRolesView.vue b/resources/js/views/AdminRolesView.vue
index eddf17426..28eee5175 100644
--- a/resources/js/views/AdminRolesView.vue
+++ b/resources/js/views/AdminRolesView.vue
@@ -4,7 +4,7 @@
       <div v-if="model.id && id !== 'new'" class="flex gap-2">
         <Button
           v-if="!viewOnly && userPermissions.can('view', model)"
-          as="router-link"
+          :as="isBusy ? 'button' : 'router-link'"
           severity="secondary"
           :disabled="isBusy"
           :to="{ name: 'admin.roles.view', params: { id: model.id } }"
@@ -13,7 +13,7 @@
         />
         <Button
           v-if="viewOnly && userPermissions.can('update', model)"
-          as="router-link"
+          :as="isBusy ? 'button' : 'router-link'"
           severity="info"
           :disabled="isBusy"
           :to="{ name: 'admin.roles.edit', params: { id: model.id } }"
@@ -24,6 +24,7 @@
           v-if="userPermissions.can('delete', model)"
           :id="model.id"
           :name="name"
+          :disabled="isBusy"
           @deleted="$router.push({ name: 'admin.roles' })"
         />
       </div>
diff --git a/resources/js/views/AdminRoomTypesIndex.vue b/resources/js/views/AdminRoomTypesIndex.vue
index d0c3dd934..3af6a2b12 100644
--- a/resources/js/views/AdminRoomTypesIndex.vue
+++ b/resources/js/views/AdminRoomTypesIndex.vue
@@ -96,7 +96,7 @@
               v-tooltip="
                 $t('admin.room_types.view', { name: slotProps.data.name })
               "
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               :aria-label="
                 $t('admin.room_types.view', { name: slotProps.data.name })
               "
@@ -112,7 +112,7 @@
               v-tooltip="
                 $t('admin.room_types.edit', { name: slotProps.data.name })
               "
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               severity="info"
               :aria-label="
                 $t('admin.room_types.edit', { name: slotProps.data.name })
@@ -128,6 +128,7 @@
               v-if="userPermissions.can('delete', slotProps.data)"
               :id="slotProps.data.id"
               :name="slotProps.data.name"
+              :disabled="isBusy"
               @deleted="loadData()"
               @not-found="loadData()"
             />
diff --git a/resources/js/views/AdminRoomTypesView.vue b/resources/js/views/AdminRoomTypesView.vue
index db9aac04b..efcd0dd7e 100644
--- a/resources/js/views/AdminRoomTypesView.vue
+++ b/resources/js/views/AdminRoomTypesView.vue
@@ -4,7 +4,7 @@
       <div v-if="model.id && id !== 'new'" class="flex gap-2">
         <Button
           v-if="!viewOnly && userPermissions.can('view', model)"
-          as="router-link"
+          :as="isBusy ? 'button' : 'router-link'"
           severity="secondary"
           :disabled="isBusy"
           :to="{ name: 'admin.room_types.view', params: { id: model.id } }"
@@ -13,7 +13,7 @@
         />
         <Button
           v-if="viewOnly && userPermissions.can('update', model)"
-          as="router-link"
+          :as="isBusy ? 'button' : 'router-link'"
           severity="info"
           :disabled="isBusy"
           :to="{ name: 'admin.room_types.edit', params: { id: model.id } }"
@@ -24,6 +24,7 @@
           v-if="userPermissions.can('delete', model)"
           :id="model.id"
           :name="name"
+          :disabled="isBusy"
           @deleted="$router.push({ name: 'admin.room_types' })"
         />
       </div>
diff --git a/resources/js/views/AdminServerPoolsIndex.vue b/resources/js/views/AdminServerPoolsIndex.vue
index 6e51c1a0d..3b06e02e6 100644
--- a/resources/js/views/AdminServerPoolsIndex.vue
+++ b/resources/js/views/AdminServerPoolsIndex.vue
@@ -85,7 +85,7 @@
               v-tooltip="
                 $t('admin.server_pools.view', { name: slotProps.data.name })
               "
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               :aria-label="
                 $t('admin.server_pools.view', { name: slotProps.data.name })
               "
@@ -101,7 +101,7 @@
               v-tooltip="
                 $t('admin.server_pools.edit', { name: slotProps.data.name })
               "
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               :aria-label="
                 $t('admin.server_pools.edit', { name: slotProps.data.name })
               "
@@ -117,6 +117,7 @@
               v-if="userPermissions.can('delete', slotProps.data)"
               :id="slotProps.data.id"
               :name="slotProps.data.name"
+              :disabled="isBusy"
               @deleted="loadData()"
             >
             </SettingsServerPoolsDeleteButton>
diff --git a/resources/js/views/AdminServerPoolsView.vue b/resources/js/views/AdminServerPoolsView.vue
index c140e1e7f..f3aaefff3 100644
--- a/resources/js/views/AdminServerPoolsView.vue
+++ b/resources/js/views/AdminServerPoolsView.vue
@@ -4,7 +4,7 @@
       <div v-if="model.id && id !== 'new'" class="flex gap-2">
         <Button
           v-if="!viewOnly && userPermissions.can('view', model)"
-          as="router-link"
+          :as="isBusy ? 'button' : 'router-link'"
           :disabled="isBusy"
           :to="{ name: 'admin.server_pools.view', params: { id: model.id } }"
           severity="secondary"
@@ -13,7 +13,7 @@
         />
         <Button
           v-if="viewOnly && userPermissions.can('update', model)"
-          as="router-link"
+          :as="isBusy ? 'button' : 'router-link'"
           :disabled="isBusy"
           :to="{ name: 'admin.server_pools.edit', params: { id: model.id } }"
           severity="info"
@@ -24,6 +24,7 @@
           v-if="userPermissions.can('delete', model)"
           :id="model.id"
           :name="name"
+          :disabled="isBusy"
           @deleted="$router.push({ name: 'admin.server_pools' })"
         >
         </SettingsServerPoolsDeleteButton>
diff --git a/resources/js/views/AdminServersIndex.vue b/resources/js/views/AdminServersIndex.vue
index d896d736d..64ce55ac8 100644
--- a/resources/js/views/AdminServersIndex.vue
+++ b/resources/js/views/AdminServersIndex.vue
@@ -209,7 +209,7 @@
               v-tooltip="
                 $t('admin.servers.view', { name: slotProps.data.name })
               "
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               :disabled="isBusy"
               :aria-label="
                 $t('admin.servers.view', { name: slotProps.data.name })
@@ -225,7 +225,7 @@
               v-tooltip="
                 $t('admin.servers.edit', { name: slotProps.data.name })
               "
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               :disabled="isBusy"
               :aria-label="
                 $t('admin.servers.edit', { name: slotProps.data.name })
@@ -244,6 +244,7 @@
               "
               :id="slotProps.data.id"
               :name="slotProps.data.name"
+              :disabled="isBusy"
               @deleted="loadData(null, false)"
             ></SettingsServersDeleteButton>
           </div>
diff --git a/resources/js/views/AdminServersView.vue b/resources/js/views/AdminServersView.vue
index fbe328fd8..ef1a7ce46 100644
--- a/resources/js/views/AdminServersView.vue
+++ b/resources/js/views/AdminServersView.vue
@@ -4,7 +4,7 @@
       <div v-if="model.id !== null && id !== 'new'" class="flex gap-2">
         <Button
           v-if="!viewOnly && userPermissions.can('view', model)"
-          as="router-link"
+          :as="isBusy ? 'button' : 'router-link'"
           :disabled="isBusy"
           :to="{ name: 'admin.servers.view', params: { id: model.id } }"
           severity="secondary"
@@ -13,7 +13,7 @@
         />
         <Button
           v-if="viewOnly && userPermissions.can('update', model)"
-          as="router-link"
+          :as="isBusy ? 'button' : 'router-link'"
           :disabled="isBusy"
           :to="{ name: 'admin.servers.edit', params: { id: model.id } }"
           severity="info"
@@ -24,6 +24,7 @@
           v-if="userPermissions.can('delete', model) && isDisabled"
           :id="model.id"
           :name="name"
+          :disabled="isBusy"
           @deleted="$router.push({ name: 'admin.servers' })"
         ></SettingsServersDeleteButton>
       </div>
diff --git a/resources/js/views/AdminUsersIndex.vue b/resources/js/views/AdminUsersIndex.vue
index e89772256..becab83b6 100644
--- a/resources/js/views/AdminUsersIndex.vue
+++ b/resources/js/views/AdminUsersIndex.vue
@@ -185,7 +185,7 @@
                   lastname: slotProps.data.lastname,
                 })
               "
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               :aria-label="
                 $t('admin.users.view', {
                   firstname: slotProps.data.firstname,
@@ -207,7 +207,7 @@
                   lastname: slotProps.data.lastname,
                 })
               "
-              as="router-link"
+              :as="isBusy ? 'button' : 'router-link'"
               severity="info"
               :aria-label="
                 $t('admin.users.edit', {
@@ -231,12 +231,14 @@
               :firstname="slotProps.data.firstname"
               :lastname="slotProps.data.lastname"
               :email="slotProps.data.email"
+              :disabled="isBusy"
             />
             <SettingsUsersDeleteButton
               v-if="userPermissions.can('delete', slotProps.data)"
               :id="slotProps.data.id"
               :firstname="slotProps.data.firstname"
               :lastname="slotProps.data.lastname"
+              :disabled="isBusy"
               @deleted="loadData()"
             />
           </div>
diff --git a/resources/js/views/AdminUsersView.vue b/resources/js/views/AdminUsersView.vue
index 182066d8c..c4a4e17e6 100644
--- a/resources/js/views/AdminUsersView.vue
+++ b/resources/js/views/AdminUsersView.vue
@@ -4,20 +4,22 @@
       <div v-if="user" class="flex gap-2">
         <Button
           v-if="!viewOnly && userPermissions.can('view', user)"
-          as="router-link"
+          :as="isBusy || isLoadingAction ? 'button' : 'router-link'"
           :to="{ name: 'admin.users.view', params: { id: user.id } }"
           :label="$t('app.cancel_editing')"
           icon="fa-solid fa-times"
           severity="secondary"
+          :disabled="isBusy || isLoadingAction"
         />
         <Button
           v-if="viewOnly && userPermissions.can('update', user)"
-          as="router-link"
+          :as="isBusy || isLoadingAction ? 'button' : 'router-link'"
           class="p-button p-button-secondary"
           :to="{ name: 'admin.users.edit', params: { id: user.id } }"
           :label="$t('app.edit')"
           icon="fa-solid fa-edit"
           severity="info"
+          :disabled="isBusy || isLoadingAction"
         />
         <SettingsUsersResetPasswordButton
           v-if="
@@ -28,18 +30,26 @@
           :firstname="user.firstname"
           :lastname="user.lastname"
           :email="user.email"
+          :disabled="isBusy || isLoadingAction"
         />
         <SettingsUsersDeleteButton
           v-if="userPermissions.can('delete', user)"
           :id="user.id"
           :firstname="user.firstname"
           :lastname="user.lastname"
+          :disabled="isBusy || isLoadingAction"
           @deleted="$router.push({ name: 'admin.users' })"
         />
       </div>
     </div>
 
-    <UserTabSection :id="id" :view-only="viewOnly" @update-user="updateUser" />
+    <UserTabSection
+      :id="id"
+      :view-only="viewOnly"
+      @update-user="updateUser"
+      @busy="(state) => (isBusy = state)"
+      @loading-action="(state) => (isLoadingAction = state)"
+    />
   </div>
 </template>
 
@@ -53,6 +63,8 @@ const router = useRouter();
 const userPermissions = useUserPermissions();
 const settingsStore = useSettingsStore();
 const breakcrumbLabelData = inject("breakcrumbLabelData");
+const isBusy = ref(false);
+const isLoadingAction = ref(false);
 
 defineProps({
   id: {
diff --git a/resources/js/views/MeetingsIndex.vue b/resources/js/views/MeetingsIndex.vue
index bc8ab5aca..a2ac1e575 100644
--- a/resources/js/views/MeetingsIndex.vue
+++ b/resources/js/views/MeetingsIndex.vue
@@ -198,27 +198,24 @@
           <Column :style="{ width: '100px' }" :header="$t('app.actions')">
             <template #body="slotProps">
               <div class="flex justify-between">
-                <router-link
+                <Button
+                  v-tooltip="
+                    $t('meetings.view_room', {
+                      name: slotProps.data.room.name,
+                    })
+                  "
                   :to="{
                     name: 'rooms.view',
                     params: { id: slotProps.data.room.id },
                   }"
-                  :disabled="true"
-                >
-                  <Button
-                    v-tooltip="
-                      $t('meetings.view_room', {
-                        name: slotProps.data.room.name,
-                      })
-                    "
-                    :aria-label="
-                      $t('meetings.view_room', {
-                        name: slotProps.data.room.name,
-                      })
-                    "
-                    icon="fa-solid fa-eye"
-                  />
-                </router-link>
+                  as="router-link"
+                  :aria-label="
+                    $t('meetings.view_room', {
+                      name: slotProps.data.room.name,
+                    })
+                  "
+                  icon="fa-solid fa-eye"
+                />
               </div>
             </template>
           </Column>