diff --git a/src/front/Components/Layouts/Folder/classes.module.scss b/src/front/Components/Layouts/Folder/classes.module.scss
index 1b8eed98..8c0772b4 100644
--- a/src/front/Components/Layouts/Folder/classes.module.scss
+++ b/src/front/Components/Layouts/Folder/classes.module.scss
@@ -65,5 +65,8 @@
                 }
             }
         }
+        .modal-title{
+            margin-bottom: 24px;
+        }
     }
 }
\ No newline at end of file
diff --git a/src/front/Components/Layouts/Folder/index.tsx b/src/front/Components/Layouts/Folder/index.tsx
index 98205d35..119a0e96 100644
--- a/src/front/Components/Layouts/Folder/index.tsx
+++ b/src/front/Components/Layouts/Folder/index.tsx
@@ -7,20 +7,26 @@ import FolderBoxInformation from "@Front/Components/DesignSystem/FolderBoxInform
 import QuantityProgressBar from "@Front/Components/DesignSystem/QuantityProgressBar";
 import ClientSection from "./ClientSection";
 import ChevronIcon from "@Assets/Icons/chevron.svg";
+import Confirm from "@Front/Components/DesignSystem/Modal/Confirm";
+import InputField from "@Front/Components/DesignSystem/Form/Elements/InputField";
 
 type IProps = {};
 type IState = {
 	selectedFolder: IDashBoardFolder | null;
+	isArchivedModalOpen: boolean;
 };
 export default class Folder extends BasePage<IProps, IState>{
 	public constructor(props: IProps) {
 		super(props);
 		this.state = {
 			selectedFolder: null,
+			isArchivedModalOpen: false,
 		};
 		this.onSelectedFolder = this.onSelectedFolder.bind(this);
+		this.openArchivedModal = this.openArchivedModal.bind(this);
+		this.closeArchivedModal = this.closeArchivedModal.bind(this);
 	}
-	
+
 	// TODO: Message if the user has not created any folder yet
 	public override render(): JSX.Element {
 		return (
@@ -47,15 +53,27 @@ export default class Folder extends BasePage<IProps, IState>{
 							{!this.doesFolderHaveCustomer() && <ClientSection folder={this.state.selectedFolder} />}
 
 							<div className={classes["button-container"]}>
-								<Button variant={EButtonVariant.GHOST}>Archiver le dossier</Button>
+								<Button variant={EButtonVariant.GHOST} onClick={this.openArchivedModal}>Archiver le dossier</Button>
 								<Button variant={EButtonVariant.SECONDARY}>Supprimer le dossier</Button>
 							</div>
+							<Confirm
+								isOpen={this.state.isArchivedModalOpen}
+								onClose={this.closeArchivedModal}
+								closeBtn
+								header={"Archiver le dossier ?"}
+								cancelText={"Annuler"}
+								confirmText={"Archiver"}>
+									<div className={classes["modal-title"]}>
+										<Typography typo={ITypo.P_16}>Souhaitez-vous vraiment archiver le dossier ?</Typography>
+									</div>
+									<InputField name="input field" fakeplaceholder="Description" textarea />
+							</Confirm>
 						</div>
 						:
 						<div className={classes["no-folder-selected"]}>
 							<Typography typo={ITypo.H1Bis}>Informations du dossier</Typography>
 							<div className={classes["choose-a-folder"]}>
-							<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>Veuillez sélectionner un dossier.</Typography>
+								<Typography typo={ITypo.P_18} color={ITypoColor.GREY}>Veuillez sélectionner un dossier.</Typography>
 							</div>
 						</div>}
 				</div>
@@ -73,4 +91,12 @@ export default class Folder extends BasePage<IProps, IState>{
 	private onSelectedFolder(folder: IDashBoardFolder): void {
 		this.setState({ selectedFolder: folder });
 	}
+
+	private openArchivedModal(): void {
+		this.setState({ isArchivedModalOpen: true });
+	}
+
+	private closeArchivedModal(): void {
+		this.setState({ isArchivedModalOpen: false });
+	}
 }