diff --git a/src/components/divider/divider.styles.ts b/src/components/divider/divider.styles.ts index fba0f4c7c..91d805b82 100644 --- a/src/components/divider/divider.styles.ts +++ b/src/components/divider/divider.styles.ts @@ -10,13 +10,17 @@ export default css` --spacing: var(--sl-spacing-medium); } - :host(:not([vertical])) { + :host(:not([vertical])) .menu-divider { display: block; border-top: solid var(--width) var(--color); margin: var(--spacing) 0; } :host([vertical]) { + height: 100%; + } + + :host([vertical]) .menu-divider { display: inline-block; height: 100%; border-left: solid var(--width) var(--color); diff --git a/src/components/divider/divider.ts b/src/components/divider/divider.ts index bba7cf088..b2fc98182 100644 --- a/src/components/divider/divider.ts +++ b/src/components/divider/divider.ts @@ -30,7 +30,7 @@ export default class SlDivider extends LitElement { } render() { - return html``; + return html`
`; } }