diff --git a/src/front/Components/DesignSystem/Footer/classes.module.scss b/src/front/Components/DesignSystem/Footer/classes.module.scss
index f9a12433..16d6a0fb 100644
--- a/src/front/Components/DesignSystem/Footer/classes.module.scss
+++ b/src/front/Components/DesignSystem/Footer/classes.module.scss
@@ -8,13 +8,12 @@
 	font-size: 12px;
 	font-weight: var(--font-text-weight-regular, 400);
 	letter-spacing: 0.06px;
-
 	.sub-root {
 		display: flex;
 		align-items: center;
 		gap: var(--Radius-lg, 16px);
 		white-space: nowrap;
-		padding: 0 360px;
+		padding: var(--spacing-1-5, 12px) var(--Radius-xl, 24px);
 		//make it sticky
 
 		@media (max-width: 1023px) {
diff --git a/src/front/Components/DesignSystem/Footer/desktop.tsx b/src/front/Components/DesignSystem/Footer/desktop.tsx
index d0eb1772..023fb75e 100644
--- a/src/front/Components/DesignSystem/Footer/desktop.tsx
+++ b/src/front/Components/DesignSystem/Footer/desktop.tsx
@@ -1,20 +1,25 @@
 import React from "react";
 import classes from "./classes.module.scss";
+import Link from "next/link";
+import Module from "@Front/Config/Module";
+import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
 
 type IProps = {
 	className?: string;
 };
 
+const legalPages = Module.getInstance().get().modules.pages.Legal.pages.LegalInformations.props.path;
+
 export default function Desktop({ className }: IProps) {
 	return (
 		<div className={[classes["sub-root"], className].join(" ")}>
 			<span>© Copyright lecoffre 2024</span>
 			<span className={classes["separator"]} />
-			<a href="/terms">Conditions d'utilisation</a>
+			<Link href={legalPages.replace("[legalUid]", ELegalOptions.CGU)}>Conditions d'utilisation</Link>
 			<span className={classes["separator"]} />
-			<a href="/privacy">Politique de confidentialité</a>
+			<Link href={legalPages.replace("[legalUid]", ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE)}>Politique de confidentialité</Link>
 			<span className={classes["separator"]} />
-			<a href="/cookies">Politique des cookies</a>
+			<Link href={legalPages.replace("[legalUid]", ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES)}>Politique des cookies</Link>
 		</div>
 	);
 }
diff --git a/src/front/Components/DesignSystem/Footer/mobile.tsx b/src/front/Components/DesignSystem/Footer/mobile.tsx
index 12f962bd..33ccef6c 100644
--- a/src/front/Components/DesignSystem/Footer/mobile.tsx
+++ b/src/front/Components/DesignSystem/Footer/mobile.tsx
@@ -1,18 +1,23 @@
 import React from "react";
 import classes from "./classes.module.scss";
+import Link from "next/link";
+import Module from "@Front/Config/Module";
+import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
 
 type IProps = {
 	className?: string;
 };
 
+const legalPages = Module.getInstance().get().modules.pages.Legal.pages.LegalInformations.props.path;
+
 export default function Mobile({ className }: IProps) {
 	return (
 		<div className={[classes["sub-root"], className].join(" ")}>
 			<span>© Lecoffre 2024</span>
 			<span className={classes["separator"]} />
-			<a href="/terms">Juridiques</a>
+			<Link href={legalPages.replace("[legalUid]", ELegalOptions.LEGAL_MENTIONS)}>Juridiques</Link>
 			<span className={classes["separator"]} />
-			<a href="/cookies">Cookies</a>
+			<Link href={legalPages.replace("[legalUid]", ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES)}>Cookies</Link>
 		</div>
 	);
 }
diff --git a/src/front/Components/DesignSystem/Footer/tablet.tsx b/src/front/Components/DesignSystem/Footer/tablet.tsx
index adec78f9..bf22abe0 100644
--- a/src/front/Components/DesignSystem/Footer/tablet.tsx
+++ b/src/front/Components/DesignSystem/Footer/tablet.tsx
@@ -1,20 +1,24 @@
 import React from "react";
 import classes from "./classes.module.scss";
+import Module from "@Front/Config/Module";
+import { ELegalOptions } from "@Front/Components/LayoutTemplates/DefaultLegalDashboard";
+import Link from "next/link";
 
 type IProps = {
 	className?: string;
 };
+const legalPages = Module.getInstance().get().modules.pages.Legal.pages.LegalInformations.props.path;
 
 export default function Tablet({ className }: IProps) {
 	return (
 		<div className={[classes["sub-root"], className].join(" ")}>
 			<span>© Lecoffre 2024</span>
 			<span className={classes["separator"]} />
-			<a href="/terms">Conditions d'utilisation</a>
+			<Link href={legalPages.replace("[legalUid]", ELegalOptions.CGU)}>Conditions d'utilisation</Link>
 			<span className={classes["separator"]} />
-			<a href="/privacy">Politique de confidentialité</a>
+			<Link href={legalPages.replace("[legalUid]", ELegalOptions.POLITIQUE_DE_CONFIDENTIALITE)}>Politique de confidentialité</Link>
 			<span className={classes["separator"]} />
-			<a href="/cookies">Politique des cookies</a>
+			<Link href={legalPages.replace("[legalUid]", ELegalOptions.POLITIQUE_DE_GESTION_DES_COOKIES)}>Politique des cookies</Link>
 		</div>
 	);
 }
diff --git a/src/front/Components/LayoutTemplates/DefaultDashboardWithList/classes.module.scss b/src/front/Components/LayoutTemplates/DefaultDashboardWithList/classes.module.scss
index 44981eea..da2293c5 100644
--- a/src/front/Components/LayoutTemplates/DefaultDashboardWithList/classes.module.scss
+++ b/src/front/Components/LayoutTemplates/DefaultDashboardWithList/classes.module.scss
@@ -5,10 +5,14 @@
 	.content {
 		display: flex;
 		justify-content: flex-start;
+		min-height: calc(100vh - var(--header-height));
 		height: calc(100vh - var(--header-height));
-
 		.right-side {
 			min-width: calc(100% - 336px);
+			flex: 1;
+			display: flex;
+			justify-content: space-between;
+			flex-direction: column;
 			.right-side-content {
 				overflow-y: auto;
 				padding: var(--spacing-lg, 24px);
@@ -25,6 +29,10 @@
 		@media (max-width: $screen-m) {
 			width: 100%;
 			flex-direction: column;
+
+			.right-side {
+				min-width: 100%;
+			}
 		}
 	}
 }