diff --git a/src/Pages/StatusPage/Create/index.jsx b/src/Pages/StatusPage/Create/index.jsx
index 1fa65d38f..4f7083ceb 100644
--- a/src/Pages/StatusPage/Create/index.jsx
+++ b/src/Pages/StatusPage/Create/index.jsx
@@ -3,6 +3,7 @@ import { Stack, Button, Typography } from "@mui/material";
 import Tabs from "./Components/Tabs";
 import GenericFallback from "../../../Components/GenericFallback";
 import SkeletonLayout from "./Components/Skeleton";
+import Breadcrumbs from "../../../Components/Breadcrumbs/index.jsx";
 //Utils
 import { useTheme } from "@emotion/react";
 import { useState, useEffect, useRef, useCallback } from "react";
@@ -58,6 +59,19 @@ const CreateStatusPage = () => {
 
 	const [statusPage, statusPageMonitors, statusPageIsLoading, statusPageNetworkError] =
 		useStatusPageFetch(isCreate, url);
+	
+	// Breadcrumbs
+	const crumbs = [
+		{ name: t("statusBreadCrumbsStatusPages"), path: "/status" },
+	];
+	if (isCreate) {
+		crumbs.push({ name: t("statusBreadCrumbsCreate"), path: "/status/uptime/create" });
+	} else {
+		crumbs.push(
+			{ name: t("statusBreadCrumbsDetails"), path: `/status/uptime/${statusPage?.url}` },
+			{ name: t("configure"), path: `/status/uptime/configure/${statusPage?.url}` }
+		);
+	}
 
 	// Handlers
 	const handleFormChange = (e) => {
@@ -218,6 +232,7 @@ const CreateStatusPage = () => {
 	// Load fields
 	return (
 		<Stack gap={theme.spacing(10)}>
+			<Breadcrumbs list={crumbs} />
 			<Tabs
 				form={form}
 				errors={errors}
diff --git a/src/Pages/StatusPage/Status/index.jsx b/src/Pages/StatusPage/Status/index.jsx
index 05c42a90c..77cbaee11 100644
--- a/src/Pages/StatusPage/Status/index.jsx
+++ b/src/Pages/StatusPage/Status/index.jsx
@@ -7,6 +7,7 @@ import SkeletonLayout from "./Components/Skeleton";
 import StatusBar from "./Components/StatusBar";
 import MonitorsList from "./Components/MonitorsList";
 import Dialog from "../../../Components/Dialog";
+import Breadcrumbs from "../../../Components/Breadcrumbs/index.jsx";
 
 // Utils
 import { useStatusPageFetch } from "./Hooks/useStatusPageFetch";
@@ -32,6 +33,12 @@ const PublicStatus = () => {
 	const [statusPage, monitors, isLoading, networkError, fetchStatusPage] =
 		useStatusPageFetch(false, url);
 	const [deleteStatusPage, isDeleting] = useStatusPageDelete(fetchStatusPage, url);
+	
+	// Breadcrumbs
+	const crumbs = [
+		{ name: t("statusBreadCrumbsStatusPages"), path: "/status" },
+		{ name: t("statusBreadCrumbsDetails"), path: `/status/uptime/${statusPage?.url}` },
+	];
 
 	// Setup
 	let sx = { paddingLeft: theme.spacing(20), paddingRight: theme.spacing(20) };
@@ -123,9 +130,9 @@ const PublicStatus = () => {
 	return (
 		<Stack
 			gap={theme.spacing(10)}
-			alignItems="center"
 			sx={{ ...sx, position: "relative" }}
 		>
+			{!isPublic && <Breadcrumbs list={crumbs} />}
 			<ControlsHeader
 				statusPage={statusPage}
 				isDeleting={isDeleting}
diff --git a/src/locales/gb.json b/src/locales/gb.json
index 343386bec..8e5209c5d 100644
--- a/src/locales/gb.json
+++ b/src/locales/gb.json
@@ -378,5 +378,8 @@
   "inviteNoTokenFound": "No invite token found",
   "pageSpeedWarning": "Warning: You haven't added a Google PageSpeed API key. Without it, the PageSpeed monitor won't function.",
   "pageSpeedLearnMoreLink": "Click here to learn",
-  "pageSpeedAddApiKey": "how to add your API key."
+  "pageSpeedAddApiKey": "how to add your API key.",
+  "statusBreadCrumbsDetails": "Details",
+  "statusBreadCrumbsCreate": "Create",
+  "statusBreadCrumbsStatusPages": "Status Pages"
 }