diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss index 3cf36325352..d183d842738 100755 --- a/packages/calcite-components/src/components/list-item/list-item.scss +++ b/packages/calcite-components/src/components/list-item/list-item.scss @@ -14,16 +14,6 @@ @include disabled(); -.indent { - @apply flex - flex-col - border-solid - border-0 - border-color-3; - - margin-inline-start: var(--calcite-list-item-spacing-indent, theme("spacing.6")); -} - .container { @apply bg-foreground-1 box-border @@ -62,11 +52,16 @@ } .nested-container { - @apply flex flex-col; + @apply hidden flex-col + border-solid + border-0 + border-color-3; + + margin-inline-start: var(--calcite-list-item-spacing-indent, theme("spacing.6")); } -.nested-container--hidden { - @apply hidden; +.nested-container--open { + @apply flex; } .content-container { diff --git a/packages/calcite-components/src/components/list-item/list-item.tsx b/packages/calcite-components/src/components/list-item/list-item.tsx index f2a88a3857e..bc8bf02e23f 100644 --- a/packages/calcite-components/src/components/list-item/list-item.tsx +++ b/packages/calcite-components/src/components/list-item/list-item.tsx @@ -585,7 +585,7 @@ export class ListItem