diff --git a/src/front/Components/Layouts/DesignSystem/index.tsx b/src/front/Components/Layouts/DesignSystem/index.tsx
index 9f643aa9..84d95c54 100644
--- a/src/front/Components/Layouts/DesignSystem/index.tsx
+++ b/src/front/Components/Layouts/DesignSystem/index.tsx
@@ -240,7 +240,7 @@ export default class DesignSystem extends BasePage<IProps, IState> {
 							<Typography typo={ITypo.H3}>Notary Documents</Typography>
 						</div>
 						<div className={classes["sub-section"]}>
-							<UserFolder customer={customer2} folder={folder as IDashBoardFolder} isOpened={true} onClose={() => {return}} onOpen={() => {return}}/>
+							<UserFolder customer={customer2} folder={folder as IDashBoardFolder} isOpened={true} onChange={() => {return}}/>
 						</div>
 					</div>
 
diff --git a/src/front/Components/Layouts/FolderArchived/FolderInformation/ClientSection/index.tsx b/src/front/Components/Layouts/FolderArchived/FolderInformation/ClientSection/index.tsx
index 23250620..83f4950e 100644
--- a/src/front/Components/Layouts/FolderArchived/FolderInformation/ClientSection/index.tsx
+++ b/src/front/Components/Layouts/FolderArchived/FolderInformation/ClientSection/index.tsx
@@ -18,8 +18,7 @@ export default class ClientSection extends React.Component<IProps, IState> {
 			openedCustomer: "",
 		};
 
-		this.selectUserFolder = this.selectUserFolder.bind(this);
-		this.closeUserFolder = this.closeUserFolder.bind(this);
+		this.changeUserFolder = this.changeUserFolder.bind(this);
 	}
 	
 	public override render(): JSX.Element {
@@ -50,23 +49,16 @@ export default class ClientSection extends React.Component<IProps, IState> {
 					customer={folderHasCustomer.customer}
 					key={this.props.folder.uid}
 					isOpened={this.state.openedCustomer === this.props.folder.uid}
-					onOpen={this.selectUserFolder}
-					onClose={this.closeUserFolder}
+					onChange={this.changeUserFolder}
 				/>
 			);
 		});
 		return output ?? null;
 	}
 
-	private closeUserFolder() {
+	private changeUserFolder(uid: string) {
 		this.setState({
-			openedCustomer: "",
-		});
-	}
-
-	private selectUserFolder(index: string) {
-		this.setState({
-			openedCustomer: index,
+			openedCustomer: uid === this.state.openedCustomer ? "" : uid,
 		});
 	}