diff --git a/packages/cxl-lumo-styles/scss/themes/cxl-tabs-slider.scss b/packages/cxl-lumo-styles/scss/themes/cxl-tabs-slider.scss index 8f1f6b9a7..ac9820c2c 100644 --- a/packages/cxl-lumo-styles/scss/themes/cxl-tabs-slider.scss +++ b/packages/cxl-lumo-styles/scss/themes/cxl-tabs-slider.scss @@ -245,8 +245,9 @@ } } -:host([theme~="cxl-course-slider"][theme~="cxl-slider-dashboard-header"][theme~="portrait"]) { +:host([theme~="cxl-course-slider"][theme~="cxl-slider-dashboard-header"]) { ::slotted(vaadin-tab) { width: auto; + max-width: 300px; } } diff --git a/packages/cxl-ui/src/components/cxl-tabs-slider.js b/packages/cxl-ui/src/components/cxl-tabs-slider.js index 3a99fc10c..2d66f76c8 100644 --- a/packages/cxl-ui/src/components/cxl-tabs-slider.js +++ b/packages/cxl-ui/src/components/cxl-tabs-slider.js @@ -10,9 +10,12 @@ export class CXLTabsSliderElement extends Tabs { * @protected */ get _scrollOffset() { - if (this.getAttribute('theme').split(' ').includes('cxl-category-accordion')) { + const theme = this.getAttribute('theme').split(' '); + + if (theme.includes('cxl-category-accordion') || theme.includes('cxl-slider-dashboard-header')) { return 200; } + return super._scrollOffset; }