diff --git a/packages/fiori/cypress/specs/ShellBar.cy.tsx b/packages/fiori/cypress/specs/ShellBar.cy.tsx
index 422fafbd6e6cf..1b03a154148a7 100644
--- a/packages/fiori/cypress/specs/ShellBar.cy.tsx
+++ b/packages/fiori/cypress/specs/ShellBar.cy.tsx
@@ -1425,6 +1425,45 @@ describe("ButtonBadge in ShellBar", () => {
 			.should("have.attr", "text", "3");
 	});
 
+	it("Test if overflow list item renders badge when count is set", () => {
+		cy.mount(
+			<>
+				<ShellBarItem id="item-with-badge" icon="accept" text="Item" count="42" in-overflow />
+				<ShellBarItem id="item-no-badge" icon="alert" text="Other" in-overflow />
+			</>
+		);
+
+		// Item with count: additionalText on the ListItemStandard carries the badge value
+		cy.get("#item-with-badge")
+			.shadow()
+			.find("[ui5-li]")
+			.should("have.attr", "additional-text", "42");
+
+		// Item without count: no additionalText attribute
+		cy.get("#item-no-badge")
+			.shadow()
+			.find("[ui5-li]")
+			.should("not.have.attr", "additional-text");
+	});
+
+	it("Test count updates propagate to overflow badge", () => {
+		cy.mount(
+			<ShellBarItem id="item-update" icon="accept" text="Item" count="1" in-overflow />
+		);
+
+		cy.get("#item-update")
+			.shadow()
+			.find("[ui5-li]")
+			.should("have.attr", "additional-text", "1");
+
+		cy.get("#item-update").invoke("attr", "count", "99+");
+
+		cy.get("#item-update")
+			.shadow()
+			.find("[ui5-li]")
+			.should("have.attr", "additional-text", "99+");
+	});
+
 	it("Test if overflow button shows appropriate badge when items are overflowed", () => {
 		cy.mount(
 			<ShellBar id="shellbar-with-overflow"
diff --git a/packages/fiori/src/ShellBarItemTemplate.tsx b/packages/fiori/src/ShellBarItemTemplate.tsx
index 2f0231192625c..2ddc1bfc6d249 100644
--- a/packages/fiori/src/ShellBarItemTemplate.tsx
+++ b/packages/fiori/src/ShellBarItemTemplate.tsx
@@ -9,13 +9,13 @@ export default function ShellBarItemTemplate(this: ShellBarItem) {
 			<ListItemStandard
 				icon={this.icon ? `sap-icon://${this.icon}` : ""}
 				type="Active"
-				data-count={this.count}
+				text={this.text}
+				wrappingType="Normal"
+				additionalText={this.count}
 				data-ui5-stable={this.stableDomRef}
 				accessibilityAttributes={this.accessibilityAttributes}
 				onClick={this.fireClickEvent}
-			>
-				{this.text}
-			</ListItemStandard>
+			/>
 		);
 	}
 
diff --git a/packages/fiori/src/themes/ShellBarItem.css b/packages/fiori/src/themes/ShellBarItem.css
index 6afd1e0ecbac4..f0eb3da16b37e 100644
--- a/packages/fiori/src/themes/ShellBarItem.css
+++ b/packages/fiori/src/themes/ShellBarItem.css
@@ -25,30 +25,45 @@
 
 [ui5-li]::part(icon) {
 	color: var(--sapList_TextColor);
+	align-self: center;
 }
 
-[ui5-li]:after {
-	position: relative;
-	width: fit-content;
+[ui5-li]::part(additional-text) {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
 	height: 1rem;
 	min-width: 1rem;
-	background: var(--sapContent_BadgeBackground);
-	border: var(--_ui5_shellbar_button_badge_border);
-	color: var(--sapContent_BadgeTextColor);
-	bottom: calc(100% + 0.0625rem);
-	left: 1.25rem;
 	padding: 0 0.3125rem;
 	border-radius: 0.5rem;
-	display: flex;
-	justify-content: center;
-	align-items: center;
+	border: var(--_ui5_shellbar_button_badge_border);
+	background: var(--sapContent_BadgeBackground) !important;
+	color: var(--sapContent_BadgeTextColor) !important;
 	font-size: var(--sapFontSmallSize);
-	font-family: var(--sapFontFamily);
-	z-index: 2;
+	font-family: var(--sapFontBoldFamily);
+	font-weight: bold;
+	white-space: nowrap;
+	flex-shrink: 0;
 	box-sizing: border-box;
 	pointer-events: none;
+	text-shadow: none !important;
+	align-self: center;
 }
-
-[ui5-li][data-count]:after {
-	content: attr(data-count);
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	height: 1rem;
+	min-width: 1rem;
+	padding: 0 0.3125rem;
+	border-radius: 0.5rem;
+	border: var(--_ui5_shellbar_button_badge_border);
+	background: var(--sapContent_BadgeBackground);
+	color: var(--sapContent_BadgeTextColor);
+	font-size: var(--sapFontSmallSize);
+	font-family: var(--sapFontBoldFamily);
+	font-weight: bold;
+	white-space: nowrap;
+	flex-shrink: 0;
+	box-sizing: border-box;
+	pointer-events: none;
 }
\ No newline at end of file
diff --git a/packages/fiori/src/themes/ShellBarPopover.css b/packages/fiori/src/themes/ShellBarPopover.css
index 604e11f6304a8..3365d9559d09b 100644
--- a/packages/fiori/src/themes/ShellBarPopover.css
+++ b/packages/fiori/src/themes/ShellBarPopover.css
@@ -14,30 +14,4 @@
 
 .ui5-shellbar-overflow-popover [ui5-li]::part(title) {
 	font-size: var(--sapFontSize);
-}
-
-.ui5-shellbar-overflow-popover [ui5-li]:after {
-	position: relative;
-	width: fit-content;
-	height: 1rem;
-	min-width: 1rem;
-	background: var(--sapContent_BadgeBackground);
-	border: var(--_ui5_shellbar_button_badge_border);
-	color: var(--sapContent_BadgeTextColor);
-	bottom: calc(100% + 0.0625rem);
-	left: 1.25rem;
-	padding: 0 0.3125rem;
-	border-radius: 0.5rem;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	font-size: var(--sapFontSmallSize);
-	font-family: var(--sapFontFamily);
-	z-index: 2;
-	box-sizing: border-box;
-	pointer-events: none;
-}
-
-.ui5-shellbar-overflow-popover [ui5-li][data-count]:after {
-	content: attr(data-count);
 }
\ No newline at end of file
diff --git a/packages/fiori/test/pages/ShellBar.html b/packages/fiori/test/pages/ShellBar.html
index a4729aae95ffa..98e382cdb9380 100644
--- a/packages/fiori/test/pages/ShellBar.html
+++ b/packages/fiori/test/pages/ShellBar.html
@@ -259,6 +259,45 @@ <h3>ShellBar in Compact</h3>
 		<ui5-shellbar-item icon="discussion" count="2" id="test-invalidation-item"></ui5-shellbar-item>
 	</ui5-shellbar>
 
+	<!-- Badge Scenarios (Figma spec) -->
+
+	<h3>Badge Scenarios</h3>
+
+	<!-- Scenario 1: Single item visible in bar with counter badge -->
+	<ui5-shellbar id="sb-badge-single" class="shellbar-example">
+		<ui5-shellbar-branding slot="branding">Badge - Single Visible</ui5-shellbar-branding>
+		<ui5-shellbar-item icon="activities" text="Tasks"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="action-settings" text="Settings"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="bell" text="Notifications" count="72"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="activity-2" text="Work Items" count="5"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="discussion" text="Messages"></ui5-shellbar-item>
+	</ui5-shellbar>
+
+	<!-- Scenario 2: One badged item overflowed -> overflow button shows counter badge -->
+	<ui5-shellbar id="sb-badge-overflow-counter" class="shellbar-example" primary-title="SAP Fiori App" secondary-title="Badge Overflow Counter">
+		<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg"/>
+		<ui5-avatar slot="profile" icon="customer"></ui5-avatar>
+		<ui5-shellbar-item icon="activities" text="Tasks"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="action-settings" text="Settings"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="discussion" text="Messages"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="email" text="Email"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="bell" text="Notifications" count="72"></ui5-shellbar-item>
+	</ui5-shellbar>
+
+	<!-- Scenario 3: Multiple badged items overflowed -> overflow button shows attention dot -->
+	<ui5-shellbar id="sb-badge-overflow-attention" class="shellbar-example" primary-title="SAP Fiori App" secondary-title="Badge Attention Dot">
+		<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg"/>
+		<ui5-avatar slot="profile" icon="customer"></ui5-avatar>
+		<ui5-shellbar-item icon="activities" text="Tasks"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="action-settings" text="Settings"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="sys-help" text="Help"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="discussion" count="33" text="Messages"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="bell" text="Notifications dasdasd dsd. wdwad  sadsa dsd" count="72"></ui5-shellbar-item>
+		<ui5-shellbar-item icon="activity-2" text="Work Items dasdsa dassd adsadasd " count="5"></ui5-shellbar-item>
+	</ui5-shellbar>
+
 	<ui5-toast id="wcToastTC">Custom Action Fired</ui5-toast>
 
 	<ui5-shellbar id="sbAcc">