[ui5-shellbar]: wrong visual appearance of components that implement IButton interface

[nnaydenow]

Bug Description

By documentation startButton slot and newly assistant (#8691) slot accept components that implement IButton interface, which means I can use ui5-button and ui5-toggle-button inside these slot. So when I have following html the buttons aren't aligned with the specification and looks different:

<ui5-shellbar>
	<ui5-button slot="startButton">ui5-button</ui5-button>
	<ui5-toggle-button slot="startButton">ui5-toggle-button</ui5-toggle-button>
	<ui5-button slot="assistant">ui5-button</ui5-button>
	<ui5-toggle-button slot="assistant">ui5-toggle-button</ui5-toggle-button>
</ui5-shellbar>

sap_horizon_dark:

sap_horizon:

sap_fiori_3:

Affected Component

ui5-shellbar

Expected Behaviour

No response

Isolated Example

No response

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

latest

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.