diff --git a/src/components/combo/themes/combo.base.scss b/src/components/combo/themes/combo.base.scss index 1f4004236..967dd48c6 100644 --- a/src/components/combo/themes/combo.base.scss +++ b/src/components/combo/themes/combo.base.scss @@ -2,6 +2,8 @@ @use 'styles/utilities' as *; :host { + --item-count: 6; + display: block; font-family: var(--ig-font-family); @@ -73,7 +75,7 @@ } [part='list'] { - min-height: rem(200px) !important; + min-height: calc(var(--size) * var(--item-count)) !important; outline-style: none; } diff --git a/src/components/combo/themes/shared/combo.indigo.scss b/src/components/combo/themes/shared/combo.indigo.scss index a31767889..0e5196d4b 100644 --- a/src/components/combo/themes/shared/combo.indigo.scss +++ b/src/components/combo/themes/shared/combo.indigo.scss @@ -67,6 +67,10 @@ $dropdown-theme: dropdown-theme.$indigo; } } +[part='list'] { + min-height: calc(var(--size) * var(--item-count) + rem(16px)) !important; +} + [part='filter-input'] { padding: pad-inline(rem(12px)); }