From 6253bef2f435bf8fd9d333b92b7ab7cd3b9db0d3 Mon Sep 17 00:00:00 2001
From: Nikola Anachkov <nikola.anachkov@sap.com>
Date: Mon, 18 May 2026 11:48:44 +0300
Subject: [PATCH] feat(ui5-shellbar): add 8px gap between startButton elements

---
 packages/fiori/cypress/specs/ShellBar.cy.tsx | 13 +++++++++++++
 packages/fiori/src/themes/ShellBar.css       |  1 +
 2 files changed, 14 insertions(+)

diff --git a/packages/fiori/cypress/specs/ShellBar.cy.tsx b/packages/fiori/cypress/specs/ShellBar.cy.tsx
index e5e019ace4e5..3a242d3f09f7 100644
--- a/packages/fiori/cypress/specs/ShellBar.cy.tsx
+++ b/packages/fiori/cypress/specs/ShellBar.cy.tsx
@@ -1846,4 +1846,17 @@ describe("Component Behavior", () => {
 			expect(cursor).to.equal("pointer");
 		});
 	});
+});
+
+describe("Start button spacing", () => {
+	it("8px gap between multiple startButton elements", () => {
+		cy.mount(
+			<ShellBar>
+				<Button id="hamburger-btn" icon="menu2" slot="startButton"></Button>
+				<Button id="nav-back-btn" icon={navBack} slot="startButton"></Button>
+			</ShellBar>
+		);
+
+		cy.get("[ui5-shellbar]").shadow().find(".ui5-shellbar-start-button").should("have.css", "gap", "8px");
+	});
 });
\ No newline at end of file
diff --git a/packages/fiori/src/themes/ShellBar.css b/packages/fiori/src/themes/ShellBar.css
index 1f3decaf1a72..b756ccd84648 100644
--- a/packages/fiori/src/themes/ShellBar.css
+++ b/packages/fiori/src/themes/ShellBar.css
@@ -126,6 +126,7 @@
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
+	gap: 0.5rem;
 }
 
 .ui5-shellbar-branding-area {