diff --git a/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx b/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx
index 0d8d8ba6..2ea50c06 100644
--- a/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx
+++ b/src/front/Components/DesignSystem/Header/Notifications/NotificationModal/index.tsx
@@ -23,6 +23,7 @@ export default class NotificationModal extends React.Component<IProps, IState> {
 			toastList: Toasts.getInstance().toasts,
 		};
 		this.handleToastChange = this.handleToastChange.bind(this);
+		this.readAllNotifications = this.readAllNotifications.bind(this);
 	}
 
 	public override render(): JSX.Element | null {
@@ -68,6 +69,7 @@ export default class NotificationModal extends React.Component<IProps, IState> {
 
 	private readAllNotifications() {
 		Toasts.getInstance().closeAll();
+		this.props.closeModal();
 	}
 
 	private handleToastChange(toastList: IToast[] | null) {