diff --git a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/toolbar/tiptap-toolbar-dropdown.element.ts b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/toolbar/tiptap-toolbar-dropdown.element.ts
index bb8fff58c0..f9c2f1cc1e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/toolbar/tiptap-toolbar-dropdown.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/toolbar/tiptap-toolbar-dropdown.element.ts
@@ -79,7 +79,7 @@ export class UmbTiptapToolbarDropdownElement extends UmbLitElement {
@mouseenter=${() => this.#onMouseEnter(item.label)}
@mouseleave=${() => this.#onMouseLeave(item.label)}>
${item.nested ? this.#renderItems(item.label, item.nested) : nothing}
@@ -104,7 +104,9 @@ export class UmbTiptapToolbarDropdownElement extends UmbLitElement {
override render() {
return html`
-
+
${this.#renderItems('Text styles', this.#testDropdownItems, 'bottom-start')}
`;
}
@@ -117,15 +119,23 @@ export class UmbTiptapToolbarDropdownElement extends UmbLitElement {
text-align: unset;
}
+ uui-symbol-expand {
+ position: absolute;
+ right: 5px;
+ top: 5px;
+ }
+
.label {
border-radius: var(--uui-border-radius);
width: 100%;
box-sizing: border-box;
align-content: center;
padding: var(--uui-size-space-1) var(--uui-size-space-3);
+ padding-right: 21px;
align-items: center;
cursor: pointer;
color: var(--uui-color-text);
+ position: relative;
}
.label:hover {