diff --git a/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx b/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
index c45600f5c..86bb078a9 100644
--- a/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
+++ b/src/Pages/StatusPage/Status/Components/ControlsHeader/index.jsx
@@ -94,9 +94,9 @@ const ControlsHeader = ({
 			alignItems="flex-end"
 		>
 			<Stack
-				direction="row"
+				direction={{ s: "column", md: "row" }}
 				gap={theme.spacing(8)}
-				alignItems="flex-end"
+				alignItems={{ s: "flex-start", md: "flex-end" }}
 			>
 				<Image
 					shouldRender={statusPage?.logo?.data ? true : false}