diff --git a/src/front/Components/DesignSystem/Newsletter/index.tsx b/src/front/Components/DesignSystem/Newsletter/index.tsx
index 95167245..bc26cd19 100644
--- a/src/front/Components/DesignSystem/Newsletter/index.tsx
+++ b/src/front/Components/DesignSystem/Newsletter/index.tsx
@@ -8,7 +8,9 @@ import Form from "../Form";
 import Mail from "@Assets/Icons/mail.svg";
 import Image from "next/image";
 
-type IProps = {};
+type IProps = {
+	isOpen?: boolean;
+};
 
 interface IState {
 	email: string;
@@ -58,45 +60,46 @@ export default class Newsletter extends React.Component<IProps, IState> {
 	public override render(): JSX.Element {
 		return (
 			<>
-				{this.state.isNewsletterOpen && (
-					<div className={classes["container"]}>
-						<div className={classes["root"]}>
-							<div className={classes["text"]}>
-								<Typography typo={ITypo.H3} color={ITypoColor.WHITE}>
-									Restez Informé(e) avec notre Newsletter
-								</Typography>
-								<Typography typo={ITypo.P_18} color={ITypoColor.WHITE}>
-									Ne manquez aucune de nos actualités, promotions exclusives et conseils d'experts !
-								</Typography>
-								{this.state.errorMessage && (
-									<div>
-										<Typography typo={ITypo.P_ERR_16} color={ITypoColor.RED_FLASH}>
-											{this.state.errorMessage}
-										</Typography>
-									</div>
-								)}
-								{this.state.successMessage && (
-									<div>
-										<Typography typo={ITypo.P_16} color={ITypoColor.GREEN_FLASH}>
-											{this.state.successMessage}
-										</Typography>
-									</div>
-								)}
-							</div>
+				{this.state.isNewsletterOpen ||
+					(this.props.isOpen && (
+						<div className={classes["container"]}>
+							<div className={classes["root"]}>
+								<div className={classes["text"]}>
+									<Typography typo={ITypo.H3} color={ITypoColor.WHITE}>
+										Restez Informé(e) avec notre Newsletter
+									</Typography>
+									<Typography typo={ITypo.P_18} color={ITypoColor.WHITE}>
+										Ne manquez aucune de nos actualités, promotions exclusives et conseils d'experts !
+									</Typography>
+									{this.state.errorMessage && (
+										<div>
+											<Typography typo={ITypo.P_ERR_16} color={ITypoColor.RED_FLASH}>
+												{this.state.errorMessage}
+											</Typography>
+										</div>
+									)}
+									{this.state.successMessage && (
+										<div>
+											<Typography typo={ITypo.P_16} color={ITypoColor.GREEN_FLASH}>
+												{this.state.successMessage}
+											</Typography>
+										</div>
+									)}
+								</div>
 
-							<div className={classes["buttons"]}>
-								<Form onSubmit={this.handleSubmit} className={classes["form"]}>
-									<TextField name="EMAIL" placeholder="Email" onChange={this.handleChange} />
-									<div className={classes["buttons-container"]}>
-										<Button fullwidth type="submit" variant={EButtonVariant.WHITE}>
-											Envoyer
-										</Button>
-									</div>
-								</Form>
+								<div className={classes["buttons"]}>
+									<Form onSubmit={this.handleSubmit} className={classes["form"]}>
+										<TextField name="EMAIL" placeholder="Email" onChange={this.handleChange} />
+										<div className={classes["buttons-container"]}>
+											<Button fullwidth type="submit" variant={EButtonVariant.WHITE}>
+												Envoyer
+											</Button>
+										</div>
+									</Form>
+								</div>
 							</div>
 						</div>
-					</div>
-				)}
+					))}
 
 				<div className={classes["container-icon"]}>
 					<div className={classes["newsletter"]}>
diff --git a/src/front/Components/Layouts/Folder/index.tsx b/src/front/Components/Layouts/Folder/index.tsx
index 57ed26c7..b0a21db8 100644
--- a/src/front/Components/Layouts/Folder/index.tsx
+++ b/src/front/Components/Layouts/Folder/index.tsx
@@ -5,8 +5,6 @@ import { OfficeFolder } from "le-coffre-resources/dist/Notary";
 import BasePage from "../Base";
 import classes from "./classes.module.scss";
 import Newletter from "@Front/Components/DesignSystem/Newsletter";
-// import Image from "next/image";
-// import Mail from "@Assets/Icons/mail.svg";
 
 type IProps = {};
 type IState = {
@@ -18,7 +16,7 @@ export default class Folder extends BasePage<IProps, IState> {
 		super(props);
 		this.state = {
 			selectedFolder: null,
-			isArchivedModalOpen: false,
+			isArchivedModalOpen: true,
 		};
 		this.onSelectedFolder = this.onSelectedFolder.bind(this);
 	}
@@ -35,16 +33,7 @@ export default class Folder extends BasePage<IProps, IState> {
 								Sélectionnez un dossier
 							</Typography>
 						</div>
-						<Newletter />
-
-						{/* <div className={classes["newsletter"]}>
-							<Image
-								src={Mail}
-								alt="newsletter-icon"
-								className={classes["newsletter-icon"]}
-								onClick={() => this.handleNewsletterOpen(this.state.isNewsletterOpen)}
-							/>
-						</div> */}
+						<Newletter isOpen />
 					</div>
 				</div>
 			</DefaultNotaryDashboard>
@@ -54,8 +43,4 @@ export default class Folder extends BasePage<IProps, IState> {
 	private onSelectedFolder(folder: OfficeFolder): void {
 		this.setState({ selectedFolder: folder });
 	}
-
-	// private handleNewsletterOpen(isNewsletterOpen: boolean): void {
-	// 	this.setState({ isNewsletterOpen: !isNewsletterOpen });
-	// }
 }