diff --git a/web/src/domain/components/icon.ts b/web/src/domain/components/icon.ts
index 3bf9493b..a8e887f5 100644
--- a/web/src/domain/components/icon.ts
+++ b/web/src/domain/components/icon.ts
@@ -2,6 +2,7 @@
  * Size of an icon.
  */
 export type IconSize =
+	| "xx-small"
 	| "x-small"
 	| "small"
 	| "medium"
diff --git a/web/src/lib/clients/ecomap/http.ts b/web/src/lib/clients/ecomap/http.ts
index 3e0d5095..836c224d 100644
--- a/web/src/lib/clients/ecomap/http.ts
+++ b/web/src/lib/clients/ecomap/http.ts
@@ -4,6 +4,12 @@ import type { components, paths } from "../../../../api/ecomap/http";
 import { clearToken, getToken } from "../../utils/auth";
 import { CommonRoutes } from "../../../routes/constants/routes";
 
+/**
+ * Endpoints that should be ignored if the status code from the server response is 401.
+ * Used to prevent the employee token from being deleted and the employee from being redirected to the sign in page.
+ */
+const UNAUTHORIZED_IGNORED_ENDPOINTS: (keyof paths)[] = ["/employees/password"];
+
 const middleware: Middleware = {
 	onRequest(request) {
 		const token = getToken();
@@ -13,17 +19,31 @@ const middleware: Middleware = {
 
 		return request;
 	},
-	async onResponse(response) {
-		let body = await response.text();
+	async onResponse(response, options) {
+		let body = (await response.text()) || null;
 
 		switch (response.status) {
-			case 401:
+			case 401: {
+				const responseUrl = new URL(response.url);
+
+				// Check if it's an endpoint that should be ignored.
+				const isIgnoredEndpoint = UNAUTHORIZED_IGNORED_ENDPOINTS.some(
+					endpoint => {
+						const pathname = `${options.baseUrl}${endpoint}`;
+						return pathname === responseUrl.pathname;
+					},
+				);
+				if (isIgnoredEndpoint) {
+					break;
+				}
+
 				clearToken();
 				// Only redirect if the page is not the sign in page.
 				if (location.pathname !== CommonRoutes.SIGN_IN) {
 					navigate(CommonRoutes.SIGN_IN);
 				}
 				break;
+			}
 
 			case 403:
 				navigate(CommonRoutes.FORBIDDEN, { replace: true });
@@ -44,6 +64,7 @@ const middleware: Middleware = {
 const ecomapHttpClient = createClient<paths>({
 	baseUrl: "/api",
 });
+
 ecomapHttpClient.use(middleware);
 
 export default ecomapHttpClient;
diff --git a/web/src/lib/components/FormControl.svelte b/web/src/lib/components/FormControl.svelte
index c6a4aa6e..88fc9906 100644
--- a/web/src/lib/components/FormControl.svelte
+++ b/web/src/lib/components/FormControl.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import Icon from "./Icon.svelte";
+
 	/**
 	 * A space-separated list of the classes of the element.
 	 * @default ""
@@ -23,11 +25,22 @@
 	 * @default null
 	 */
 	export let label: string | null = null;
+
+	/**
+	 * The text representing advisory information related to the element it belongs to.
+	 * @default null
+	 */
+	export let title: string | null = null;
 </script>
 
 <label class={className}>
 	{#if label}
-		{label}
+		<span {title} class="header">
+			<span class="input-label">{label}</span>
+			{#if title}
+				<Icon name="info" size="xx-small" />
+			{/if}
+		</span>
 	{/if}
 	<slot />
 	{#if helperText}
@@ -39,7 +52,16 @@
 	label {
 		display: flex;
 		flex-direction: column;
-		color: var(--gray-500);
+	}
+
+	.header {
+		display: flex;
+		align-items: center;
+		gap: 0.25rem;
+
+		& .input-label {
+			color: var(--gray-500);
+		}
 	}
 
 	.helper-text {
diff --git a/web/src/lib/components/FormModal.svelte b/web/src/lib/components/FormModal.svelte
new file mode 100644
index 00000000..d848edb9
--- /dev/null
+++ b/web/src/lib/components/FormModal.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+	import type { FormEventHandler } from "svelte/elements";
+	import Modal from "./Modal.svelte";
+
+	/**
+	 * Indicates if modal is open.
+	 */
+	export let open: boolean;
+
+	/**
+	 * The modal title.
+	 */
+	export let title: string;
+
+	/**
+	 * Callback fired when the form is submitted.
+	 */
+	export let onSubmit: FormEventHandler<HTMLFormElement>;
+
+	/**
+	 * Callback fired when open state changes.
+	 * @param open Modal open state.
+	 */
+	export let onOpenChange: (open: boolean) => void;
+
+	/**
+	 * Indicates whether the modal content is automatically configured with gutters.
+	 * @default false
+	 */
+	export let gutters: boolean = false;
+
+	/**
+	 * The form element.
+	 * @default null
+	 */
+	export let form: HTMLFormElement | null = null;
+
+	/**
+	 * Callback fired when backdrop is clicked.
+	 * @default null
+	 */
+	export let onBackdropClick: (() => void) | null = null;
+</script>
+
+<form novalidate bind:this={form} on:submit|preventDefault={onSubmit}>
+	<Modal {open} {gutters} {title} {onOpenChange} {onBackdropClick}>
+		<slot />
+		<svelte:fragment slot="actions">
+			<slot name="actions" />
+		</svelte:fragment>
+	</Modal>
+</form>
diff --git a/web/src/lib/clients/Modal.svelte b/web/src/lib/components/Modal.svelte
similarity index 94%
rename from web/src/lib/clients/Modal.svelte
rename to web/src/lib/components/Modal.svelte
index 356646c7..344d521f 100644
--- a/web/src/lib/clients/Modal.svelte
+++ b/web/src/lib/components/Modal.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount } from "svelte";
-	import IconButton from "../components/IconButton.svelte";
+	import IconButton from "./IconButton.svelte";
 
 	/**
 	 * Indicates if modal is open.
@@ -28,7 +28,7 @@
 	 * Callback fired when backdrop is clicked.
 	 * @default null
 	 */
-	export let onClickOutside: (() => void) | null = null;
+	export let onBackdropClick: (() => void) | null = null;
 
 	/**
 	 * Dialog element.
@@ -51,7 +51,7 @@
 		// Check if the element that was pressed is the dialog. If it is, it means that the click was performed outside the modal.
 		if (e.target === dialog) {
 			closeModal();
-			onClickOutside?.();
+			onBackdropClick?.();
 		}
 	}
 
diff --git a/web/src/lib/components/SelectLocation.svelte b/web/src/lib/components/SelectLocation.svelte
index 39ae1d4b..28bab601 100644
--- a/web/src/lib/components/SelectLocation.svelte
+++ b/web/src/lib/components/SelectLocation.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onDestroy, onMount } from "svelte";
 	import OlMap from "ol/Map";
-	import Modal from "../clients/Modal.svelte";
+	import Modal from "./Modal.svelte";
 	import Map from "./map/Map.svelte";
 	import VectorLayer from "ol/layer/Vector";
 	import { Feature, MapBrowserEvent } from "ol";
@@ -256,7 +256,7 @@
 <Modal
 	{open}
 	{onOpenChange}
-	onClickOutside={removeSelectedLocation}
+	onBackdropClick={removeSelectedLocation}
 	title={$t("selectLocation")}
 >
 	<Map bind:map mapId="select-location-map" --height="32rem" --width="60rem" />
diff --git a/web/src/locales/en.json b/web/src/locales/en.json
index f8e4ef6f..6439a337 100644
--- a/web/src/locales/en.json
+++ b/web/src/locales/en.json
@@ -124,5 +124,20 @@
 	"employees.notFound.description": "The employee you are looking for does not exist.",
 	"employees.delete.success": "Employee deleted successfully",
 	"employees.delete.conflict.title": "Conflict",
-	"employees.delete.conflict.description": "This employee cannot be deleted because it's associated with a route."
+	"employees.delete.conflict.description": "This employee cannot be deleted because it's associated with a route.",
+	"employees.updatePassword.title": "Change password",
+	"employees.updatePassword.currentPassword.label": "Current password",
+	"employees.updatePassword.newPassword.label": "New password",
+	"employees.updatePassword.confirmPassword.label": "Confirm password",
+	"employees.updatePassword.currentPassword.placeholder": "Enter the current password",
+	"employees.updatePassword.newPassword.placeholder": "Enter the new password",
+	"employees.updatePassword.confirmPassword.placeholder": "Repeat the new password",
+	"employees.updatePassword.success": "Password changed successfully",
+	"employees.updatePassword.error.passwordConstraints.title": "Invalid password",
+	"employees.updatePassword.error.passwordConstraints.description": "The password must contain at least 14 characters, including one regular character, one special character, and one number",
+	"employees.updatePassword.error.incorrectPassword.title": "Incorrect credentials",
+	"employees.updatePassword.error.incorrectPassword.description": "The password entered does not match your current password.",
+	"employees.error.passwordMismatch": "The password doesn't match the new password",
+	"employees.passwordConstraints": "Password must contain at least 14 characters, including one regular character, one special character, and one number",
+	"confirm": "Confirm"
 }
diff --git a/web/src/locales/pt.json b/web/src/locales/pt.json
index f5dbe59a..ca702c82 100644
--- a/web/src/locales/pt.json
+++ b/web/src/locales/pt.json
@@ -124,5 +124,20 @@
 	"employees.notFound.description": "O colaborador que procura não existe.",
 	"employees.delete.success": "Colaborador eliminado com sucesso",
 	"employees.delete.conflict.title": "Conflito",
-	"employees.delete.conflict.description": "Este colaborador não pode ser eliminado porque está associado a uma rota."
+	"employees.delete.conflict.description": "Este colaborador não pode ser eliminado porque está associado a uma rota.",
+	"employees.updatePassword.title": "Alterar palavra-passe",
+	"employees.updatePassword.currentPassword.label": "Palavra-passe atual",
+	"employees.updatePassword.newPassword.label": "Nova palavra-passe",
+	"employees.updatePassword.confirmPassword.label": "Confirmar palavra-passe",
+	"employees.updatePassword.currentPassword.placeholder": "Introduza a palavra-passe atual",
+	"employees.updatePassword.newPassword.placeholder": "Introduza a nova palavra-passe",
+	"employees.updatePassword.confirmPassword.placeholder": "Repita a nova palavra-passe",
+	"employees.updatePassword.success": "Palavra-passe alterada com sucesso",
+	"employees.updatePassword.error.passwordConstraints.title": "Palavra-passe inválida",
+	"employees.updatePassword.error.passwordConstraints.description": "A palavra-passe deve conter pelo menos 14 caracteres, incluindo um carácter regular, um carácter especial e um número.",
+	"employees.updatePassword.error.incorrectPassword.title": "Credenciais inválidas",
+	"employees.updatePassword.error.incorrectPassword.description": "A palavra-passe introduzida não corresponde à sua palavra-passe atual.",
+	"employees.error.passwordMismatch": "A palavra-passe não corresponde à nova palavra-passe",
+	"employees.passwordConstraints": "A palavra-passe deve conter pelo menos 14 caracteres, incluindo um carácter regular, um carácter especial e um número",
+	"confirm": "Confirmar"
 }
diff --git a/web/src/locales/schema.json b/web/src/locales/schema.json
index cba99687..8f0aa8a7 100644
--- a/web/src/locales/schema.json
+++ b/web/src/locales/schema.json
@@ -375,6 +375,51 @@
 		},
 		"employees.delete.conflict.description": {
 			"type": "string"
+		},
+		"employees.updatePassword.title": {
+			"type": "string"
+		},
+		"employees.updatePassword.currentPassword.label": {
+			"type": "string"
+		},
+		"employees.updatePassword.newPassword.label": {
+			"type": "string"
+		},
+		"employees.updatePassword.confirmPassword.label": {
+			"type": "string"
+		},
+		"employees.updatePassword.currentPassword.placeholder": {
+			"type": "string"
+		},
+		"employees.updatePassword.newPassword.placeholder": {
+			"type": "string"
+		},
+		"employees.updatePassword.confirmPassword.placeholder": {
+			"type": "string"
+		},
+		"employees.updatePassword.success": {
+			"type": "string"
+		},
+		"employees.updatePassword.error.passwordConstraints.title": {
+			"type": "string"
+		},
+		"employees.updatePassword.error.passwordConstraints.description": {
+			"type": "string"
+		},
+		"employees.updatePassword.error.incorrectPassword.title": {
+			"type": "string"
+		},
+		"employees.updatePassword.error.incorrectPassword.description": {
+			"type": "string"
+		},
+		"employees.error.passwordMismatch": {
+			"type": "string"
+		},
+		"employees.passwordConstraints": {
+			"type": "string"
+		},
+		"confirm": {
+			"type": "string"
 		}
 	}
 }
diff --git a/web/src/routes/backOffice/containers/components/ContainerForm.svelte b/web/src/routes/backOffice/containers/components/ContainerForm.svelte
index dafdde1c..42983613 100644
--- a/web/src/routes/backOffice/containers/components/ContainerForm.svelte
+++ b/web/src/routes/backOffice/containers/components/ContainerForm.svelte
@@ -147,8 +147,10 @@
 	 * Handles the submit event of the form.
 	 * @param e Submit event.
 	 */
-	function handleSubmit(e: SubmitEvent) {
-		const formData = new FormData(e.currentTarget as HTMLFormElement);
+	function handleSubmit(
+		e: Event & { currentTarget: EventTarget & HTMLFormElement },
+	) {
+		const formData = new FormData(e.currentTarget);
 		const category = formData.get("category") ?? "";
 		const location = formData.get("location") ?? "";
 
diff --git a/web/src/routes/backOffice/employees/details/Employee.svelte b/web/src/routes/backOffice/employees/details/Employee.svelte
index f4ab2cd7..f2854197 100644
--- a/web/src/routes/backOffice/employees/details/Employee.svelte
+++ b/web/src/routes/backOffice/employees/details/Employee.svelte
@@ -17,14 +17,24 @@
 	import { getToastContext } from "../../../../lib/contexts/toast";
 	import { BackOfficeRoutes } from "../../../constants/routes";
 	import { isViewingSelf } from "../../../../lib/utils/auth";
+	import UpdatePasswordModal from "./UpdatePasswordModal.svelte";
 
 	/**
 	 * Employee ID.
 	 */
 	export let id: string;
 
+	/**
+	 * Toast context.
+	 */
 	const toast = getToastContext();
 
+	/**
+	 * The update password open modal state.
+	 * @default false
+	 */
+	let openUpdatePasswordModal = false;
+
 	/**
 	 * Fetches employee data.
 	 */
@@ -92,7 +102,14 @@
 		)}
 
 		<DetailsHeader to="" title={`${employee.firstName} ${employee.lastName}`}>
-			{#if !isViewingSelf(employee.id)}
+			{#if isViewingSelf(employee.id)}
+				<Button
+					variant="secondary"
+					onClick={() => (openUpdatePasswordModal = true)}
+				>
+					{$t("employees.updatePassword.title")}
+				</Button>
+			{:else}
 				<Button
 					startIcon="delete"
 					actionType="danger"
@@ -144,6 +161,11 @@
 				</DetailsFields>
 			</DetailsSection>
 		</DetailsContent>
+		<UpdatePasswordModal
+			{employee}
+			open={openUpdatePasswordModal}
+			onOpenChange={open => (openUpdatePasswordModal = open)}
+		/>
 	{:catch}
 		<div class="employee-not-found">
 			<h2>{$t("employees.notFound.title")}</h2>
diff --git a/web/src/routes/backOffice/employees/details/UpdatePasswordModal.svelte b/web/src/routes/backOffice/employees/details/UpdatePasswordModal.svelte
new file mode 100644
index 00000000..38c9c24f
--- /dev/null
+++ b/web/src/routes/backOffice/employees/details/UpdatePasswordModal.svelte
@@ -0,0 +1,307 @@
+<script lang="ts">
+	import FormControl from "../../../../lib/components/FormControl.svelte";
+	import Input from "../../../../lib/components/Input.svelte";
+	import Button from "../../../../lib/components/Button.svelte";
+	import { t } from "../../../../lib/utils/i8n";
+	import ecomapHttpClient from "../../../../lib/clients/ecomap/http";
+	import type { Employee } from "../../../../domain/employees";
+	import { getToastContext } from "../../../../lib/contexts/toast";
+	import FormModal from "../../../../lib/components/FormModal.svelte";
+	import { decodeTokenPayload, storeToken } from "../../../../lib/utils/auth";
+
+	/**
+	 * The employee whose password needs to be changed.
+	 */
+	export let employee: Employee;
+
+	/**
+	 * Indicates if the modal is open.
+	 */
+	export let open: boolean;
+
+	/**
+	 * Callback fired when open state of the modal changes.
+	 * @param open New open state modal.
+	 */
+	export let onOpenChange: (open: boolean) => void;
+
+	/**
+	 * Toast context.
+	 */
+	const toast = getToastContext();
+
+	/**
+	 * The form element.
+	 */
+	let form: HTMLFormElement | null = null;
+
+	/**
+	 * Error messages of the form fields.
+	 */
+	let formErrorMessages = {
+		currentPassword: "",
+		newPassword: "",
+		confirmPassword: "",
+	};
+
+	/**
+	 * Validates the form and sets error messages on the form fields
+	 * if they contain any errors.
+	 * @param currentPasswordInput Current password input field.
+	 * @param newPasswordInput New password input field.
+	 * @param confirmPasswordInput Confirm password input field.
+	 * @returns `true` if form is valid, `false` otherwise.
+	 */
+	function validateForm(
+		currentPasswordInput: HTMLInputElement,
+		newPasswordInput: HTMLInputElement,
+		confirmPasswordInput: HTMLInputElement,
+	) {
+		if (currentPasswordInput.validity.valueMissing) {
+			formErrorMessages.currentPassword = $t("error.valueMissing");
+		} else {
+			formErrorMessages.currentPassword = "";
+		}
+
+		if (newPasswordInput.validity.valueMissing) {
+			formErrorMessages.newPassword = $t("error.valueMissing");
+		} else {
+			formErrorMessages.newPassword = "";
+		}
+
+		if (confirmPasswordInput.validity.valueMissing) {
+			formErrorMessages.confirmPassword = $t("error.valueMissing");
+		} else if (newPasswordInput.value !== confirmPasswordInput.value) {
+			formErrorMessages.confirmPassword = $t(
+				"employees.error.passwordMismatch",
+			);
+		} else {
+			formErrorMessages.confirmPassword = "";
+		}
+
+		return (
+			!formErrorMessages.currentPassword &&
+			!formErrorMessages.newPassword &&
+			!formErrorMessages.confirmPassword &&
+			newPasswordInput.value === confirmPasswordInput.value
+		);
+	}
+
+	/**
+	 * Handles the submit event of the form.
+	 * @param e Submit event.
+	 */
+	async function handleSubmit(
+		e: Event & { currentTarget: EventTarget & HTMLFormElement },
+	) {
+		const form = e.currentTarget;
+		const formData = new FormData(form);
+
+		const currentPassword = formData.get("currentPassword") ?? "";
+		const newPassword = formData.get("newPassword") ?? "";
+		const confirmPassword = formData.get("confirmPassword") ?? "";
+
+		// Check if fields are strings.
+		if (
+			typeof currentPassword !== "string" ||
+			typeof newPassword !== "string" ||
+			typeof confirmPassword !== "string"
+		) {
+			return;
+		}
+
+		const currentPasswordInput = form.elements.namedItem(
+			"currentPassword",
+		) as HTMLInputElement;
+		const newPasswordInput = form.elements.namedItem(
+			"newPassword",
+		) as HTMLInputElement;
+		const confirmPasswordInput = form.elements.namedItem(
+			"confirmPassword",
+		) as HTMLInputElement;
+
+		// Check if form is valid to prevent making a server request.
+		if (
+			!validateForm(
+				currentPasswordInput,
+				newPasswordInput,
+				confirmPasswordInput,
+			)
+		) {
+			return;
+		}
+
+		const updatePasswordRes = await ecomapHttpClient.PUT(
+			"/employees/password",
+			{
+				body: {
+					username: employee.username,
+					oldPassword: currentPassword,
+					newPassword: newPassword,
+				},
+			},
+		);
+
+		if (updatePasswordRes.error) {
+			switch (updatePasswordRes.error.code) {
+				case "bad_request":
+					toast.show({
+						type: "error",
+						title: $t(
+							"employees.updatePassword.error.passwordConstraints.title",
+						),
+						description: $t(
+							"employees.updatePassword.error.passwordConstraints.description",
+						),
+					});
+					break;
+
+				case "unauthorized":
+					toast.show({
+						type: "error",
+						title: $t("employees.updatePassword.error.incorrectPassword.title"),
+						description: $t(
+							"employees.updatePassword.error.incorrectPassword.description",
+						),
+					});
+					break;
+
+				default:
+					toast.show({
+						type: "error",
+						title: $t("error.unexpected.title"),
+						description: $t("error.unexpected.description"),
+					});
+					break;
+			}
+			return;
+		}
+
+		// Sign in employee with the new password to retrieve the new JWT token.
+		const signinRes = await ecomapHttpClient.POST("/employees/signin", {
+			body: {
+				username: employee.username,
+				password: newPassword,
+			},
+		});
+
+		if (signinRes.error) {
+			toast.show({
+				type: "error",
+				title: $t("error.unexpected.title"),
+				description: $t("error.unexpected.description"),
+			});
+			return;
+		}
+
+		// Retrieve the JWT token.
+		const token = signinRes.data.token;
+
+		const tokenPayload = decodeTokenPayload(token);
+		if (!tokenPayload) {
+			toast.show({
+				type: "error",
+				title: $t("error.unexpected.title"),
+				description: $t("error.unexpected.description"),
+			});
+			return;
+		}
+
+		// Store token in cookies.
+		storeToken(token, tokenPayload.exp);
+
+		toast.show({
+			type: "success",
+			title: $t("employees.updatePassword.success"),
+			description: undefined,
+		});
+		onOpenChange(false);
+	}
+
+	/**
+	 * Handles cancel action.
+	 */
+	function handleCancel() {
+		onOpenChange(false);
+	}
+
+	// Clear form when modal is closed.
+	$: if (!open && form) {
+		// Reset form to its initial state.
+		form.reset();
+
+		// Reset error messages on the inputs.
+		formErrorMessages = {
+			currentPassword: "",
+			newPassword: "",
+			confirmPassword: "",
+		};
+	}
+</script>
+
+<FormModal
+	{open}
+	{onOpenChange}
+	bind:form
+	gutters
+	title={$t("employees.updatePassword.title")}
+	onSubmit={handleSubmit}
+>
+	<div class="content">
+		<FormControl
+			label={$t("employees.updatePassword.currentPassword.label")}
+			error={!!formErrorMessages.currentPassword}
+			helperText={formErrorMessages.currentPassword}
+		>
+			<Input
+				required
+				type="password"
+				name="currentPassword"
+				placeholder={$t("employees.updatePassword.currentPassword.placeholder")}
+				error={!!formErrorMessages.currentPassword}
+			/>
+		</FormControl>
+		<FormControl
+			label={$t("employees.updatePassword.newPassword.label")}
+			error={!!formErrorMessages.newPassword}
+			helperText={formErrorMessages.newPassword}
+			title={$t("employees.passwordConstraints")}
+		>
+			<Input
+				required
+				type="password"
+				name="newPassword"
+				placeholder={$t("employees.updatePassword.newPassword.placeholder")}
+				error={!!formErrorMessages.newPassword}
+			/>
+		</FormControl>
+		<FormControl
+			label={$t("employees.updatePassword.confirmPassword.label")}
+			error={!!formErrorMessages.confirmPassword}
+			helperText={formErrorMessages.confirmPassword}
+		>
+			<Input
+				required
+				type="password"
+				name="confirmPassword"
+				placeholder={$t("employees.updatePassword.confirmPassword.placeholder")}
+				error={!!formErrorMessages.confirmPassword}
+			/>
+		</FormControl>
+	</div>
+	<svelte:fragment slot="actions">
+		<Button type="button" variant="tertiary" onClick={handleCancel}>
+			{$t("cancel")}
+		</Button>
+		<Button type="submit">{$t("confirm")}</Button>
+	</svelte:fragment>
+</FormModal>
+
+<style>
+	.content {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+		width: 40rem;
+	}
+</style>
diff --git a/web/src/routes/backOffice/landfills/components/LandfillForm.svelte b/web/src/routes/backOffice/landfills/components/LandfillForm.svelte
index 2390e07a..79b77ab5 100644
--- a/web/src/routes/backOffice/landfills/components/LandfillForm.svelte
+++ b/web/src/routes/backOffice/landfills/components/LandfillForm.svelte
@@ -136,8 +136,10 @@
 	 * Handles the submit event of the form.
 	 * @param e Submit event.
 	 */
-	function handleSubmit(e: SubmitEvent) {
-		const form = e.currentTarget as HTMLFormElement;
+	function handleSubmit(
+		e: Event & { currentTarget: EventTarget & HTMLFormElement },
+	) {
+		const form = e.currentTarget;
 		const formData = new FormData(form);
 
 		const location = formData.get("location") ?? "";
diff --git a/web/src/routes/backOffice/trucks/components/TruckForm.svelte b/web/src/routes/backOffice/trucks/components/TruckForm.svelte
index d0b82023..41390bd2 100644
--- a/web/src/routes/backOffice/trucks/components/TruckForm.svelte
+++ b/web/src/routes/backOffice/trucks/components/TruckForm.svelte
@@ -247,8 +247,10 @@
 	 * Handles the submit event of the form.
 	 * @param e Submit event.
 	 */
-	function handleSubmit(e: SubmitEvent) {
-		const form = e.currentTarget as HTMLFormElement;
+	function handleSubmit(
+		e: Event & { currentTarget: EventTarget & HTMLFormElement },
+	) {
+		const form = e.currentTarget;
 		const formData = new FormData(form);
 
 		const make = formData.get("make") ?? "";
diff --git a/web/src/routes/backOffice/warehouses/components/WarehouseForm.svelte b/web/src/routes/backOffice/warehouses/components/WarehouseForm.svelte
index cae696a1..f8d97818 100644
--- a/web/src/routes/backOffice/warehouses/components/WarehouseForm.svelte
+++ b/web/src/routes/backOffice/warehouses/components/WarehouseForm.svelte
@@ -175,8 +175,10 @@
 	 * Handles the submit event of the form.
 	 * @param e Submit event.
 	 */
-	function handleSubmit(e: SubmitEvent) {
-		const form = e.currentTarget as HTMLFormElement;
+	function handleSubmit(
+		e: Event & { currentTarget: EventTarget & HTMLFormElement },
+	) {
+		const form = e.currentTarget;
 		const formData = new FormData(form);
 
 		const truckCapacity = formData.get("truckCapacity") ?? "";
diff --git a/web/src/routes/signIn/SignIn.svelte b/web/src/routes/signIn/SignIn.svelte
index 6bd85138..7e0b1b73 100644
--- a/web/src/routes/signIn/SignIn.svelte
+++ b/web/src/routes/signIn/SignIn.svelte
@@ -52,8 +52,11 @@
 	 * Handles the submit event of the form.
 	 * @param e Submit event.
 	 */
-	async function handleSubmit(e: SubmitEvent) {
-		const formData = new FormData(e.currentTarget as HTMLFormElement);
+	async function handleSubmit(
+		e: Event & { currentTarget: EventTarget & HTMLFormElement },
+	) {
+		const form = e.currentTarget;
+		const formData = new FormData(form);
 		const username = formData.get("username");
 		const password = formData.get("password");