diff --git a/packages/theme/styles/components.scss b/packages/theme/styles/components.scss index c46be00272..f6e7135397 100644 --- a/packages/theme/styles/components.scss +++ b/packages/theme/styles/components.scss @@ -457,7 +457,7 @@ } &.medium { padding: var(--spacing-1_5) var(--spacing-2); - min-height: var(--global-large-Size); + min-height: var(--global-medium-Size); .hulyAccordionItem-header__label-wrapper { &.withIcon { diff --git a/packages/ui/src/components/AccordionItem.svelte b/packages/ui/src/components/AccordionItem.svelte index 1fa378de86..ed9f523953 100644 --- a/packages/ui/src/components/AccordionItem.svelte +++ b/packages/ui/src/components/AccordionItem.svelte @@ -44,7 +44,7 @@ const dispatch = createEventDispatcher() - let collapsed: boolean = getTreeCollapsed(id) + $: collapsed = getTreeCollapsed(id) if (isOpen) collapsed = false $: setTreeCollapsed(id, collapsed) @@ -72,12 +72,12 @@ class="hulyAccordionItem-header__label-wrapper {size === 'large' ? 'heading-medium-16' : 'font-medium-12'}" class:withIcon={size === 'medium' && icon !== undefined} > - {#if size === 'large'} + {#if size === 'large' && !disabled}