From 758ddc224f021f8800aff743dfa8d2ea06d53d9d Mon Sep 17 00:00:00 2001
From: yogeshbhutkar <yogesh.bhutkar@rtcamp.com>
Date: Mon, 6 Jan 2025 10:23:46 +0530
Subject: [PATCH] Header: Adjust layout styles for better responsiveness on
 mobile devices

---
 packages/editor/src/components/header/style.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/editor/src/components/header/style.scss b/packages/editor/src/components/header/style.scss
index 4cbbe992e63fdb..239bd2310ca68f 100644
--- a/packages/editor/src/components/header/style.scss
+++ b/packages/editor/src/components/header/style.scss
@@ -101,11 +101,17 @@
 	.editor-header:has(> .editor-header__center) & {
 		grid-column: 4 / -1;
 	}
-	justify-self: end;
 	display: inline-flex;
 	align-items: center;
 	flex-wrap: nowrap;
 	padding-right: $grid-unit-05;
+	width: 100%;
+	justify-content: inherit;
+
+	@include break-mobile () {
+		justify-self: end;
+		width: min-content;
+	}
 
 	@include break-small () {
 		padding-right: $grid-unit-10;