diff --git a/src/front/Components/DesignSystem/FolderListContainer/index.tsx b/src/front/Components/DesignSystem/FolderListContainer/index.tsx
index 6b8c3e46..53df5b74 100644
--- a/src/front/Components/DesignSystem/FolderListContainer/index.tsx
+++ b/src/front/Components/DesignSystem/FolderListContainer/index.tsx
@@ -64,6 +64,7 @@ export default function FolderListContainer(props: IProps) {
 	const [blocks, setBlocks] = React.useState<IBlock[]>(getBlocks(folders));
 
 	const onSelectedFolder = (block: IBlock) => {
+		props.onCloseLeftSide && props.onCloseLeftSide();
 		const folder = folders.find((folder) => folder.uid === block.id);
 		if (!folder) return;
 		props.onSelectedFolder && props.onSelectedFolder(folder);
diff --git a/src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/DeedTypeListContainer/index.tsx b/src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/DeedTypeListContainer/index.tsx
index 6dc34c85..4386d52d 100644
--- a/src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/DeedTypeListContainer/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/DeedTypeListContainer/index.tsx
@@ -1,15 +1,12 @@
 import DeedTypes from "@Front/Api/LeCoffreApi/Admin/DeedTypes/DeedTypes";
-import Button from "@Front/Components/DesignSystem/Button";
-import SearchBar from "@Front/Components/DesignSystem/SearchBar";
 import Module from "@Front/Config/Module";
 import { DeedType } from "le-coffre-resources/dist/Admin";
-import Link from "next/link";
 import { useRouter } from "next/router";
-import React, { useCallback, useState } from "react";
+import React, { useCallback } from "react";
 
 import classes from "./classes.module.scss";
 import { IBlock } from "@Front/Components/DesignSystem/SearchBlockList/BlockList/Block";
-import BlockList from "@Front/Components/DesignSystem/SearchBlockList/BlockList";
+import SearchBlockList from "@Front/Components/DesignSystem/SearchBlockList";
 
 type IProps = {
 	deedTypes: DeedType[];
@@ -18,20 +15,9 @@ type IProps = {
 };
 
 export default function DeedListContainer(props: IProps) {
-	const [filteredUsers, setFilteredUsers] = useState<DeedType[]>(props.deedTypes);
 	const router = useRouter();
 	const { deedTypeUid } = router.query;
 
-	const filterDeeds = useCallback(
-		(input: string) => {
-			const filteredUsers = props.deedTypes.filter((deedType) => {
-				return deedType.name?.toLowerCase().includes(input.toLowerCase());
-			});
-			setFilteredUsers(filteredUsers);
-		},
-		[props.deedTypes],
-	);
-
 	const onSelectedBlock = useCallback(
 		(block: IBlock) => {
 			props.onCloseLeftSide && props.onCloseLeftSide();
@@ -43,28 +29,20 @@ export default function DeedListContainer(props: IProps) {
 
 	return (
 		<div className={classes["root"]}>
-			<div className={classes["header"]}>
-				<div className={classes["searchbar"]}>
-					<SearchBar onChange={filterDeeds} placeholder="Chercher un type d'acte" />
-				</div>
-				<div className={classes["folderlist-container"]}>
-					<BlockList
-						blocks={filteredUsers.map((deed) => {
-							return {
-								primaryText: deed.name,
-								id: deed.uid!,
-								selected: deedTypeUid === deed.uid,
-							};
-						})}
-						onSelectedBlock={onSelectedBlock}
-					/>
-				</div>
-			</div>
-			<div className={classes["create-container"]}>
-				<Link href={Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path}>
-					<Button fullwidth={true}>Créer un type d'acte</Button>
-				</Link>
-			</div>
+			<SearchBlockList
+				blocks={props.deedTypes.map((deed) => {
+					return {
+						primaryText: deed.name,
+						id: deed.uid!,
+						selected: deedTypeUid === deed.uid,
+					};
+				})}
+				onSelectedBlock={onSelectedBlock}
+				bottomButton={{
+					link: Module.getInstance().get().modules.pages.DeedTypes.pages.Create.props.path,
+					text: "Créer un type d'acte",
+				}}
+			/>
 		</div>
 	);
 }