diff --git a/package-lock.json b/package-lock.json
index 4eadaf6983..2e1d5e4224 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,13 +26,13 @@
 				"socket.io-client": "^4.7.5",
 				"sortablejs": "^1.15.2",
 				"sortablejs-vue3": "^1.2.11",
-				"vue": "^3.4.21",
+				"vue": "^3.5.13",
 				"vue-dompurify-html": "^4.1.4",
 				"vue-i18n": "^9.14.2",
 				"vue-router": "^4.5.0",
 				"vue3-mq": "^3.1.3",
 				"vuedraggable": "^4.1.0",
-				"vuetify": "^3.7.12",
+				"vuetify": "^3.7.14",
 				"vuex": "^4.0.2"
 			},
 			"devDependencies": {
@@ -14400,7 +14400,9 @@
 			"license": "MIT"
 		},
 		"node_modules/vuetify": {
-			"version": "3.7.12",
+			"version": "3.7.14",
+			"resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.7.14.tgz",
+			"integrity": "sha512-L5oD0x3Wrp49Khp+16dRykAFUZq6WXqX7OHLTwXnyEliJ48ERC9WfEtN0YOuEIhor/b2IOZXl+11fs/m452/Lw==",
 			"license": "MIT",
 			"engines": {
 				"node": "^12.20 || >=14.13"
diff --git a/package.json b/package.json
index 6f542d1b4f..0433137f3a 100644
--- a/package.json
+++ b/package.json
@@ -37,13 +37,13 @@
 		"socket.io-client": "^4.7.5",
 		"sortablejs": "^1.15.2",
 		"sortablejs-vue3": "^1.2.11",
-		"vue": "^3.4.21",
+		"vue": "^3.5.13",
 		"vue-dompurify-html": "^4.1.4",
 		"vue-i18n": "^9.14.2",
 		"vue-router": "^4.5.0",
 		"vue3-mq": "^3.1.3",
 		"vuedraggable": "^4.1.0",
-		"vuetify": "^3.7.12",
+		"vuetify": "^3.7.14",
 		"vuex": "^4.0.2"
 	},
 	"devDependencies": {
diff --git a/src/components/organisms/administration/SchoolPolicyFormDialog.vue b/src/components/organisms/administration/SchoolPolicyFormDialog.vue
index e0fe1ea419..b48000bef3 100644
--- a/src/components/organisms/administration/SchoolPolicyFormDialog.vue
+++ b/src/components/organisms/administration/SchoolPolicyFormDialog.vue
@@ -26,6 +26,7 @@
 					</div>
 				</v-alert>
 				<v-file-input
+					v-model="file"
 					ref="input-file"
 					class="input-file mb-2"
 					data-testid="input-file"
@@ -41,9 +42,8 @@
 						t('pages.administration.school.index.schoolPolicy.hints.uploadFile')
 					"
 					:persistent-hint="true"
-					:rules="[rules.required, rules.mustBePdf, rules.maxSize(4194304)]"
+					:rules="[rules.required, rules.mustBePdf, rules.maxSize]"
 					@blur="onBlur"
-					@update:modelValue="onFileChange"
 				>
 					<template v-slot:append-inner>
 						<v-icon
@@ -96,33 +96,24 @@ export default defineComponent({
 		const policyForm: Ref<File[]> = ref([]);
 		const isValid: Ref<boolean> = ref(false);
 		const isTouched: Ref<boolean> = ref(false);
-		const files: Ref<File[]> = ref([]);
+		const file: Ref<File | null> = ref(null);
 
 		const school: ComputedRef<School> = computed(() => schoolsModule.getSchool);
 
+		const maxFileUploadSizeInKb = 4194304;
 		const rules = {
-			required: (value: File[]) =>
-				!(value.length === 0) || t("common.validation.required"),
-			mustBePdf: (value: File[]) =>
-				!(value.length === 0) ||
-				value[0].type === "application/pdf" ||
+			required: (value: File | null) =>
+				!!value || t("common.validation.required"),
+			mustBePdf: (value: File | null) =>
+				value?.type === "application/pdf" ||
 				t("pages.administration.school.index.schoolPolicy.validation.notPdf"),
-			maxSize: (bytes: number) => (value: File[]) =>
-				!(value.length === 0) ||
-				value[0].size <= bytes ||
+			maxSize: (value: File | null) =>
+				(!!value && value.size <= maxFileUploadSizeInKb) ||
 				t(
 					"pages.administration.school.index.schoolPolicy.validation.fileTooBig"
 				),
 		};
 
-		const onFileChange = (_files: File[] | File) => {
-			if (Array.isArray(_files)) {
-				files.value = _files;
-			} else {
-				files.value = [_files];
-			}
-		};
-
 		const onBlur = () => {
 			isTouched.value = true;
 		};
@@ -131,6 +122,7 @@ export default defineComponent({
 			policyForm.value = [];
 			isValid.value = false;
 			isTouched.value = false;
+			file.value = null;
 		};
 
 		const cancel = () => {
@@ -139,14 +131,14 @@ export default defineComponent({
 		};
 
 		const submit = async () => {
-			if (isValid.value) {
+			if (isValid.value && file.value) {
 				const newConsentVersion: CreateConsentVersionPayload = {
 					schoolId: school.value.id,
 					title: t("pages.administration.school.index.schoolPolicy.fileName"),
 					consentText: "",
 					consentTypes: ["privacy"],
 					publishedAt: currentDate().toString(),
-					consentData: (await toBase64(files.value[0])) as string,
+					consentData: (await toBase64(file.value)) as string,
 				};
 
 				emit("close");
@@ -168,13 +160,13 @@ export default defineComponent({
 			cancel,
 			submit,
 			onBlur,
-			onFileChange,
 			isValid,
 			isTouched,
 			policyForm,
 			school,
 			mdiAlert,
 			mdiFileReplaceOutline,
+			file,
 		};
 	},
 });
diff --git a/src/components/organisms/administration/SchoolTermsFormDialog.vue b/src/components/organisms/administration/SchoolTermsFormDialog.vue
index 4d3c82d171..10f297783c 100644
--- a/src/components/organisms/administration/SchoolTermsFormDialog.vue
+++ b/src/components/organisms/administration/SchoolTermsFormDialog.vue
@@ -26,6 +26,7 @@
 					</div>
 				</v-alert>
 				<v-file-input
+					v-model="file"
 					ref="input-file"
 					class="input-file mb-2"
 					data-testid="input-file"
@@ -40,9 +41,8 @@
 						t('pages.administration.school.index.termsOfUse.hints.uploadFile')
 					"
 					:persistent-hint="true"
-					:rules="[rules.required, rules.mustBePdf, rules.maxSize(4194304)]"
+					:rules="[rules.required, rules.mustBePdf, rules.maxSize]"
 					@blur="onBlur"
-					@update:modelValue="onFileChange"
 				>
 					<template v-slot:append-inner>
 						<v-icon
@@ -95,20 +95,19 @@ export default defineComponent({
 		const termsForm: Ref<File[]> = ref([]);
 		const isFormValid: Ref<boolean> = ref(false);
 		const isFormTouched: Ref<boolean> = ref(false);
-		const files: Ref<File[]> = ref([]);
+		const file: Ref<File | null> = ref(null);
 
 		const school: ComputedRef<School> = computed(() => schoolsModule.getSchool);
 
+		const maxFileUploadSizeInKb = 4194304;
 		const validationRules = {
-			required: (value: File[]) =>
-				!(value.length === 0) || t("common.validation.required"),
-			mustBePdf: (value: File[]) =>
-				!(value.length === 0) ||
-				value[0].type === "application/pdf" ||
+			required: (value: File | null) =>
+				!!value || t("common.validation.required"),
+			mustBePdf: (value: File | null) =>
+				value?.type === "application/pdf" ||
 				t("pages.administration.school.index.termsOfUse.validation.notPdf"),
-			maxSize: (bytes: number) => (value: File[]) =>
-				!(value.length === 0) ||
-				value[0].size <= bytes ||
+			maxSize: (value: File | null) =>
+				(!!value && value.size <= maxFileUploadSizeInKb) ||
 				t("pages.administration.school.index.termsOfUse.validation.fileTooBig"),
 		};
 
@@ -116,18 +115,11 @@ export default defineComponent({
 			isFormTouched.value = true;
 		};
 
-		const onFileChange = (_files: File[] | File) => {
-			if (Array.isArray(_files)) {
-				files.value = _files;
-			} else {
-				files.value = [_files];
-			}
-		};
-
 		const resetForm = () => {
 			termsForm.value = [];
 			isFormValid.value = false;
 			isFormTouched.value = false;
+			file.value = null;
 		};
 
 		const cancel = () => {
@@ -136,14 +128,14 @@ export default defineComponent({
 		};
 
 		const submit = async () => {
-			if (isFormValid.value) {
+			if (isFormValid.value && file.value) {
 				const newConsentVersion: CreateConsentVersionPayload = {
 					schoolId: school.value.id,
 					title: t("pages.administration.school.index.termsOfUse.fileName"),
 					consentText: "",
 					consentTypes: ["termsOfUse"],
 					publishedAt: currentDate().toString(),
-					consentData: (await toBase64(files.value[0])) as string,
+					consentData: (await toBase64(file.value)) as string,
 				};
 
 				emit("close");
@@ -165,13 +157,13 @@ export default defineComponent({
 			cancel,
 			submit,
 			onBlur,
-			onFileChange,
 			isValid: isFormValid,
 			isTouched: isFormTouched,
 			termsForm,
 			school,
 			mdiAlert,
 			mdiFileReplaceOutline,
+			file,
 		};
 	},
 });