diff --git a/src/front/Components/Elements/BackArrow/index.tsx b/src/front/Components/Elements/BackArrow/index.tsx
index a5e892ec..5091555d 100644
--- a/src/front/Components/Elements/BackArrow/index.tsx
+++ b/src/front/Components/Elements/BackArrow/index.tsx
@@ -1,4 +1,4 @@
-import { ChevronDownIcon } from "@heroicons/react/20/solid";
+import { ChevronLeftIcon } from "@heroicons/react/24/solid";
 import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import { NextRouter, useRouter } from "next/router";
 import React from "react";
@@ -21,7 +21,7 @@ class BackArrowClass extends React.Component<IPropsClass, IState> {
 	public override render(): JSX.Element {
 		return (
 			<Button
-				leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />}
+				leftIcon={<ChevronLeftIcon />}
 				variant={EButtonVariant.PRIMARY}
 				styleType={EButtonStyleType.TEXT}
 				onClick={this.handleClick}>
diff --git a/src/front/Components/LayoutTemplates/DefaultCollaboratorDashboard/index.tsx b/src/front/Components/LayoutTemplates/DefaultCollaboratorDashboard/index.tsx
index eb2952f2..0a1baa30 100644
--- a/src/front/Components/LayoutTemplates/DefaultCollaboratorDashboard/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultCollaboratorDashboard/index.tsx
@@ -1,5 +1,4 @@
 import ChevronIcon from "@Assets/Icons/chevron.svg";
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
 import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/Admin/Users/Users";
 import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import Header from "@Front/Components/DesignSystem/Header";
@@ -14,6 +13,7 @@ import React, { ReactNode } from "react";
 
 import classes from "./classes.module.scss";
 import CollaboratorListContainer from "./CollaboratorListContainer";
+import { ChevronLeftIcon } from "@heroicons/react/24/solid";
 
 type IProps = {
 	title: string;
@@ -70,7 +70,7 @@ export default class DefaultCollaboratorDashboard extends React.Component<IProps
 						{this.props.mobileBackText && (
 							<div className={classes["back-arrow-mobile"]}>
 								<Button
-									leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />}
+									leftIcon={<ChevronLeftIcon />}
 									variant={EButtonVariant.PRIMARY}
 									styleType={EButtonStyleType.TEXT}
 									onClick={this.onOpenLeftSide}>
diff --git a/src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/index.tsx b/src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/index.tsx
index 216e5317..58eed683 100644
--- a/src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultDeedTypeDashboard/index.tsx
@@ -12,7 +12,7 @@ import React, { ReactNode } from "react";
 
 import classes from "./classes.module.scss";
 import DeedListContainer from "./DeedTypeListContainer";
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
+import { ChevronLeftIcon } from "@heroicons/react/24/solid";
 
 type IProps = {
 	title: string;
@@ -69,7 +69,7 @@ export default class DefaultDeedTypesDashboard extends React.Component<IProps, I
 						{this.props.mobileBackText && (
 							<div className={classes["back-arrow-mobile"]}>
 								<Button
-									leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />}
+									leftIcon={<ChevronLeftIcon />}
 									variant={EButtonVariant.PRIMARY}
 									styleType={EButtonStyleType.TEXT}
 									onClick={this.onOpenLeftSide}>
diff --git a/src/front/Components/LayoutTemplates/DefaultDocumentTypesDashboard/index.tsx b/src/front/Components/LayoutTemplates/DefaultDocumentTypesDashboard/index.tsx
index 36a74f84..9954b852 100644
--- a/src/front/Components/LayoutTemplates/DefaultDocumentTypesDashboard/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultDocumentTypesDashboard/index.tsx
@@ -13,7 +13,7 @@ import React, { ReactNode } from "react";
 
 import classes from "./classes.module.scss";
 import DocumentTypeListContainer from "./DocumentTypeListContainer";
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
+import { ChevronLeftIcon } from "@heroicons/react/24/solid";
 
 type IProps = {
 	title: string;
@@ -70,7 +70,7 @@ export default class DefaultDocumentTypesDashboard extends React.Component<IProp
 						{this.props.mobileBackText && (
 							<div className={classes["back-arrow-mobile"]}>
 								<Button
-									leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />}
+									leftIcon={<ChevronLeftIcon />}
 									variant={EButtonVariant.PRIMARY}
 									styleType={EButtonStyleType.TEXT}
 									onClick={this.onOpenLeftSide}>
diff --git a/src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx b/src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
index c04c86a3..39c7f6c8 100644
--- a/src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultNotaryDashboard/index.tsx
@@ -14,7 +14,7 @@ import Image from "next/image";
 import React, { ReactNode } from "react";
 
 import classes from "./classes.module.scss";
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
+import { ChevronLeftIcon } from "@heroicons/react/24/outline";
 
 type IProps = {
 	title: string;
@@ -86,7 +86,7 @@ export default class DefaultNotaryDashboard extends React.Component<IProps, ISta
 						{this.props.mobileBackText && (
 							<div className={classes["back-arrow-mobile"]}>
 								<Button
-									leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />}
+									leftIcon={<ChevronLeftIcon />}
 									variant={EButtonVariant.PRIMARY}
 									styleType={EButtonStyleType.TEXT}
 									onClick={this.onOpenLeftSide}>
diff --git a/src/front/Components/LayoutTemplates/DefaultOfficeDashboard/index.tsx b/src/front/Components/LayoutTemplates/DefaultOfficeDashboard/index.tsx
index 2b53bab4..746995f0 100644
--- a/src/front/Components/LayoutTemplates/DefaultOfficeDashboard/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultOfficeDashboard/index.tsx
@@ -12,7 +12,7 @@ import React, { ReactNode } from "react";
 
 import classes from "./classes.module.scss";
 import OfficeListContainer from "./OfficeListContainer";
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
+import {  ChevronLeftIcon } from "@heroicons/react/24/outline";
 
 type IProps = {
 	title: string;
@@ -67,8 +67,7 @@ export default class DefaultOfficeDashboard extends React.Component<IProps, ISta
 						{this.props.mobileBackText && (
 							<div className={classes["back-arrow-mobile"]}>
 								<Button
-									leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />}
-
+									leftIcon={<ChevronLeftIcon />}
 									variant={EButtonVariant.PRIMARY}
 									styleType={EButtonStyleType.TEXT}
 									onClick={this.onOpenLeftSide}>
diff --git a/src/front/Components/LayoutTemplates/DefaultRoleDashboard/index.tsx b/src/front/Components/LayoutTemplates/DefaultRoleDashboard/index.tsx
index 8fc741f6..f9c5c1a6 100644
--- a/src/front/Components/LayoutTemplates/DefaultRoleDashboard/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultRoleDashboard/index.tsx
@@ -12,7 +12,7 @@ import React, { ReactNode } from "react";
 
 import classes from "./classes.module.scss";
 import RoleListContainer from "./RoleListContainer";
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
+import { ChevronLeftIcon } from "@heroicons/react/24/outline";
 
 type IProps = {
 	title: string;
@@ -67,8 +67,7 @@ export default class DefaultRoleDashboard extends React.Component<IProps, IState
 						{this.props.mobileBackText && (
 							<div className={classes["back-arrow-mobile"]}>
 								<Button
-									leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />}
-
+									leftIcon={<ChevronLeftIcon />}
 									variant={EButtonVariant.PRIMARY}
 									styleType={EButtonStyleType.TEXT}
 									onClick={this.onOpenLeftSide}>
diff --git a/src/front/Components/LayoutTemplates/DefaultUserDashboard/index.tsx b/src/front/Components/LayoutTemplates/DefaultUserDashboard/index.tsx
index 5d0b9bdc..c3f75175 100644
--- a/src/front/Components/LayoutTemplates/DefaultUserDashboard/index.tsx
+++ b/src/front/Components/LayoutTemplates/DefaultUserDashboard/index.tsx
@@ -1,5 +1,5 @@
 import ChevronIcon from "@Assets/Icons/chevron.svg";
-import { ChevronDownIcon } from "@heroicons/react/20/solid";
+import { ChevronLeftIcon } from "@heroicons/react/20/solid";
 import Users, { IGetUsersparams } from "@Front/Api/LeCoffreApi/SuperAdmin/Users/Users";
 import Button, { EButtonStyleType, EButtonVariant } from "@Front/Components/DesignSystem/Button";
 import Header from "@Front/Components/DesignSystem/Header";
@@ -67,7 +67,7 @@ export default class DefaultUserDashboard extends React.Component<IProps, IState
 						{this.props.mobileBackText && (
 							<div className={classes["back-arrow-mobile"]}>
 								<Button
-									leftIcon={<ChevronDownIcon style={{ transform: "rotate(180deg)", width: "22px", height: "22px" }} />}
+									leftIcon={<ChevronLeftIcon />}
 									variant={EButtonVariant.PRIMARY}
 									styleType={EButtonStyleType.TEXT}
 									onClick={this.onOpenLeftSide}>
diff --git a/src/front/Components/Layouts/Collaborators/CollaboratorInformations/index.tsx b/src/front/Components/Layouts/Collaborators/CollaboratorInformations/index.tsx
index ae9ea131..b28be753 100644
--- a/src/front/Components/Layouts/Collaborators/CollaboratorInformations/index.tsx
+++ b/src/front/Components/Layouts/Collaborators/CollaboratorInformations/index.tsx
@@ -1,4 +1,4 @@
-import { ChevronDownIcon } from "@heroicons/react/20/solid";
+import { ChevronLeftIcon } from "@heroicons/react/24/solid";
 import OfficeRoles from "@Front/Api/LeCoffreApi/Admin/OfficeRoles/OfficeRoles";
 import Roles from "@Front/Api/LeCoffreApi/Admin/Roles/Roles";
 import Users from "@Front/Api/LeCoffreApi/Admin/Users/Users";
@@ -193,7 +193,7 @@ export default function CollaboratorInformations(props: IProps) {
 						<Typography typo={ETypo.TEXT_LG_SEMIBOLD}>Modifier le rôle</Typography>
 						<div className={classes["gestion-role"]}>
 							<Link href={Module.getInstance().get().modules.pages.Roles.props.path}>
-								<Button leftIcon={<ChevronDownIcon />} variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}>
+								<Button leftIcon={<ChevronLeftIcon />} variant={EButtonVariant.PRIMARY} styleType={EButtonStyleType.TEXT}>
 									Gestion des rôles
 								</Button>
 							</Link>