diff --git a/packages/bbui/src/List/ListItem.svelte b/packages/bbui/src/List/ListItem.svelte index df3f2cf221..0587520a4e 100644 --- a/packages/bbui/src/List/ListItem.svelte +++ b/packages/bbui/src/List/ListItem.svelte @@ -89,17 +89,18 @@ /* Selection is only meant for standalone list items (non stacked) so we just set a fixed border radius */ .list-item.selected { background-color: var(--spectrum-global-color-blue-100); - border: 1px solid var(--spectrum-global-color-blue-400); + border: none; } .list-item.selected:after { content: ""; position: absolute; height: 100%; width: 100%; + border: 1px solid var(--spectrum-global-color-blue-400); pointer-events: none; top: 0; left: 0; - border-radius: 4px; + border-radius: inherit; box-sizing: border-box; z-index: 1; opacity: 0.5;