diff --git a/components/common/layouts/dashboard.js b/components/common/layouts/dashboard.js
index ae2706f4..82ae2de0 100644
--- a/components/common/layouts/dashboard.js
+++ b/components/common/layouts/dashboard.js
@@ -215,7 +215,7 @@ const withDashboardLayout = (children) => {
 					<div
 						className={`mx-auto h-full ${
 							includes(
-								[Routes.OVERVIEW, Routes.CALCULATOR],
+								[Routes.OVERVIEW, Routes.CALCULATOR, Routes.SETTINGS],
 								get(router, "pathname")
 							) ? "max-w-screen-lg" : "max-w-screen-xl"
 						}`}
diff --git a/components/settings/index.js b/components/settings/index.js
index df5b8699..997d28b8 100644
--- a/components/settings/index.js
+++ b/components/settings/index.js
@@ -7,6 +7,18 @@ const Settings = () => {
 	return (
 		<div className="pt-12 text-gray-700">
 			<h1 className="font-semibold text-xl">Settings</h1>
+			<section id="preferences" className="mt-12">
+				<h3 className="font-medium text-sm">Preferences</h3>
+				<Divider />
+				<div className="flex flex-col">
+					<button
+						onClick={() => window.Metomic.raise()}
+						className="flex justify-between px-2 text-sm py-2 my-1 rounded-lg hover:text-teal-500 hover:bg-gray-400 hover:bg-opacity-22"
+					>
+						Manage cookies <ChevronRight />
+					</button>
+				</div>
+			</section>
 			<section id="community" className="mt-12">
 				<h3 className="font-medium text-sm">Join Our Community</h3>
 				<Divider />