diff --git a/.changeset/stupid-sheep-grin.md b/.changeset/stupid-sheep-grin.md
new file mode 100644
index 00000000000..2c01321aa02
--- /dev/null
+++ b/.changeset/stupid-sheep-grin.md
@@ -0,0 +1,5 @@
+---
+"@siemens/ix": minor
+---
+
+In multiple-mode **ix-select** now displays "+<number>" for the number of items that are selected if more than two items have been selected.
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-38132-button-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-38132-button-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png
index b944b893d2b..644403abb77 100644
Binary files a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-38132-button-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-38132-button-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-38132-button-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-38132-button-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png
index d75fb5a1940..44e07a78680 100644
Binary files a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-38132-button-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-38132-button-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-select-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-select-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png
index 4d52a54ab04..19e67099fcd 100644
Binary files a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-select-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-select-in-cell-should-appear-above-other-rows-1-chromium---classic-dark-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-select-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-select-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png
index 3bb9afdbe0b..7ae5e448f23 100644
Binary files a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-select-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-dropdown-top-layer-enableTopLayer-true-select-in-cell-should-appear-above-other-rows-1-chromium---classic-light-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-header-checkbox-should-be-unchecked-1-chromium---classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-header-checkbox-should-be-unchecked-1-chromium---classic-dark-linux.png
index 8fa8e6bc70c..f220373e79e 100644
Binary files a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-header-checkbox-should-be-unchecked-1-chromium---classic-dark-linux.png and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-header-checkbox-should-be-unchecked-1-chromium---classic-dark-linux.png differ
diff --git a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---classic-dark-linux.png b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---classic-dark-linux.png
index af3e4d2a01b..fd5cd2de886 100644
Binary files a/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---classic-dark-linux.png and b/packages/aggrid/tests/aggrid.e2e.ts-snapshots/aggrid-pagination-1-chromium---classic-dark-linux.png differ
diff --git a/packages/angular-standalone-test-app/src/preview-examples/select-multiple.ts b/packages/angular-standalone-test-app/src/preview-examples/select-multiple.ts
index 79ba496ba1a..cc9d00f533e 100644
--- a/packages/angular-standalone-test-app/src/preview-examples/select-multiple.ts
+++ b/packages/angular-standalone-test-app/src/preview-examples/select-multiple.ts
@@ -18,7 +18,7 @@ import {
   selector: 'app-example',
   imports: [IxSelect, IxSelectItem, IxSelectValueAccessorDirective],
   template: `
-    <ix-select mode="multiple" [value]="value">
+    <ix-select mode="multiple" style="width: 300px" [value]="value">
       <ix-select-item label="Item 1" value="1"></ix-select-item>
       <ix-select-item label="Item 2" value="2"></ix-select-item>
       <ix-select-item label="Item 3" value="3"></ix-select-item>
@@ -27,5 +27,5 @@ import {
   `,
 })
 export default class SelectMultiple {
-  value = ['1', '3'];
+  value = ['1', '3', '4'];
 }
diff --git a/packages/angular-test-app/src/preview-examples/select-multiple.ts b/packages/angular-test-app/src/preview-examples/select-multiple.ts
index cd67e376247..65a3873bb1b 100644
--- a/packages/angular-test-app/src/preview-examples/select-multiple.ts
+++ b/packages/angular-test-app/src/preview-examples/select-multiple.ts
@@ -13,7 +13,7 @@ import { Component } from '@angular/core';
   standalone: false,
   selector: 'app-example',
   template: `
-    <ix-select mode="multiple" [value]="value">
+    <ix-select mode="multiple" style="width: 300px" [value]="value">
       <ix-select-item label="Item 1" value="1"></ix-select-item>
       <ix-select-item label="Item 2" value="2"></ix-select-item>
       <ix-select-item label="Item 3" value="3"></ix-select-item>
@@ -22,5 +22,5 @@ import { Component } from '@angular/core';
   `,
 })
 export default class SelectMultiple {
-  value = ['1', '3'];
+  value = ['1', '3', '4'];
 }
diff --git a/packages/core/src/components/select/select.scss b/packages/core/src/components/select/select.scss
index 295bda44373..46a1c123ee6 100644
--- a/packages/core/src/components/select/select.scss
+++ b/packages/core/src/components/select/select.scss
@@ -20,8 +20,6 @@
 :host {
   display: inline-block;
   position: relative;
-  min-height: 2rem;
-  height: auto;
   border-radius: var(--theme-input--border-radius);
 
   @include component.ix-component;
@@ -31,6 +29,7 @@
     display: flex;
     align-items: center;
     width: 100%;
+    height: 2rem;
     background-color: var(--theme-input--background);
     border: var(--theme-input--border-thickness) solid
       var(--theme-input--border-color);
@@ -87,7 +86,8 @@
   .trigger {
     display: flex;
     align-items: center;
-    flex-grow: 1;
+    flex: 1 1 0;
+    min-width: 4rem;
     height: 100%;
   }
 
@@ -102,13 +102,18 @@
       position: relative;
       display: flex;
       align-items: center;
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
+      overflow: hidden;
       height: 100%;
-      max-height: 3.5rem;
       flex-grow: 1;
-      overflow-y: auto;
+
+      > div {
+        flex-shrink: 0;
+        margin: 0.1rem;
+      }
 
       > ix-filter-chip {
+        flex-shrink: 0;
         margin: 0.1rem;
       }
     }
@@ -212,6 +217,7 @@
 
   .select:hover {
     border-color: var(--theme-input--border-color--warning--hover) !important;
+    background-color: var(--theme-input--background--warning--hover) !important;
   }
 
   .select:active {
diff --git a/packages/core/src/components/select/select.tsx b/packages/core/src/components/select/select.tsx
index b14c9d20530..a4cee2d8103 100644
--- a/packages/core/src/components/select/select.tsx
+++ b/packages/core/src/components/select/select.tsx
@@ -270,6 +270,8 @@ export class Select
   @State() isValid = false;
   @State() isInfo = false;
   @State() isWarning = false;
+  @State() pendingChipValue: string | null = null;
+  @State() visibleChipValues: Set<string> | null = null;
 
   private readonly hostId = `ix-select-${selectId++}`;
   private readonly dropdownWrapperRef = makeRef<HTMLElement>();
@@ -280,6 +282,14 @@ export class Select
   private proxyListObserver: MutationObserver | null = null;
   private inputElement?: HTMLInputElement;
   private touched = false;
+  private chipsEl?: HTMLDivElement;
+  private clearButtonEl?: HTMLIxIconButtonElement;
+  private chevronButtonEl?: HTMLIxIconButtonElement;
+  private chipsResizeObserver?: ResizeObserver;
+  private overflowChipEl?: HTMLElement;
+
+  private readonly chipWidths = new Map<string, number>();
+  private readonly chipElementRefs = new Map<string, HTMLElement>();
 
   get nonShadowItems() {
     return Array.from(this.hostElement.querySelectorAll('ix-select-item'));
@@ -366,11 +376,17 @@ export class Select
   private itemClick(newId: string) {
     const oldValue = this.value;
     const value = this.toggleValue(newId);
+
+    if (this.isMultipleMode && Array.isArray(value) && value.includes(newId)) {
+      this.pendingChipValue = newId;
+    }
+
     this.value = value;
     const defaultPrevented = this.emitValueChange(value);
 
     if (defaultPrevented) {
       this.value = oldValue;
+      this.pendingChipValue = null;
       return;
     }
     this.updateSelection();
@@ -458,6 +474,22 @@ export class Select
     }
 
     this.inputElement && (this.inputElement.value = this.inputValue);
+
+    this.handleUpdateSelectionMutlipleMode();
+  }
+
+  private handleUpdateSelectionMutlipleMode() {
+    if (!this.isMultipleMode) {
+      return;
+    }
+
+    const currentValues = new Set(this.selectedItems.map((i) => i.value));
+    for (const key of this.chipWidths.keys()) {
+      if (!currentValues.has(key)) this.chipWidths.delete(key);
+    }
+    if (this.pendingChipValue === null) {
+      this.calculateOverflow();
+    }
   }
 
   private emitValueChange(value: string | string[]) {
@@ -501,6 +533,18 @@ export class Select
       this.inputChange.emit(this.inputElement?.value);
     });
 
+    // Handle overflow
+    this.chipsResizeObserver = new ResizeObserver(() => {
+      this.calculateOverflow();
+    });
+
+    if (this.chipsEl) {
+      this.chipsResizeObserver.observe(this.chipsEl);
+    }
+
+    this.calculateOverflow();
+
+    // Handle ARIA
     this.createAddItemElement();
 
     this.proxyListObserver = new MutationObserver(() => {
@@ -519,10 +563,36 @@ export class Select
     this.updateFormInternalValue(this.value);
   }
 
-  override disconnectedCallback(): void {
-    super.disconnectedCallback();
+  override componentDidRender(): void {
+    this.handleChipsOverflow();
+  }
 
-    this.proxyListObserver?.disconnect();
+  private handleChipsOverflow() {
+    if (!this.isMultipleMode) {
+      return;
+    }
+
+    if (this.pendingChipValue === null) {
+      for (const [value, el] of this.chipElementRefs) {
+        const isOverflow =
+          this.visibleChipValues !== null && !this.visibleChipValues.has(value);
+
+        if (!isOverflow) {
+          this.chipWidths.set(value, el.offsetWidth);
+        }
+      }
+    } else {
+      const pendingValue = this.pendingChipValue;
+      const pendingEl = this.chipElementRefs.get(pendingValue);
+
+      if (pendingEl) {
+        requestAnimationFrameNoNgZone(() => {
+          this.chipWidths.set(pendingValue, pendingEl.offsetWidth);
+          this.calculateOverflow();
+          this.pendingChipValue = null;
+        });
+      }
+    }
   }
 
   @Listen('ix-select-item:valueChange')
@@ -533,6 +603,66 @@ export class Select
     this.updateSelection();
   }
 
+  override disconnectedCallback() {
+    super.disconnectedCallback();
+
+    this.proxyListObserver?.disconnect();
+    this.chipsResizeObserver?.disconnect();
+  }
+
+  private calculateOverflow() {
+    if (!this.chipsEl || this.selectedItems.length === 0) {
+      this.visibleChipValues = null;
+      return;
+    }
+
+    const chevronWidth = this.chevronButtonEl?.offsetWidth ?? 0;
+    const clearWidth = this.clearButtonEl?.offsetWidth ?? 0;
+    const chipGap = 4;
+    const reservedInputSpace = 40;
+
+    const computeVisibleItems = (extraReservedWidth: number) => {
+      const availableWidth =
+        this.chipsEl!.clientWidth -
+        chevronWidth -
+        clearWidth -
+        reservedInputSpace -
+        extraReservedWidth;
+      const visibleItems = new Set<string>();
+      let usedWidth = 0;
+
+      for (const item of this.selectedItems) {
+        const width = (this.chipWidths.get(item.value) ?? 60) + chipGap;
+
+        if (usedWidth + width <= availableWidth) {
+          usedWidth += width;
+          visibleItems.add(item.value);
+        }
+      }
+
+      if (visibleItems.size === 0) {
+        visibleItems.add(this.selectedItems[0].value);
+      }
+
+      return visibleItems;
+    };
+
+    // Check without +N chip first
+    let visibleItems = computeVisibleItems(0);
+
+    if (visibleItems.size < this.selectedItems.length) {
+      const overflowChipWidth = this.overflowChipEl
+        ? this.overflowChipEl.offsetWidth + chipGap
+        : 54;
+
+      // Also take +N chip into account if overflow occurs
+      visibleItems = computeVisibleItems(overflowChipWidth);
+    }
+
+    this.visibleChipValues =
+      visibleItems.size >= this.selectedItems.length ? null : visibleItems;
+  }
+
   private itemExists(item: string | undefined) {
     return this.items.find((i) => i.label === item);
   }
@@ -675,6 +805,33 @@ export class Select
     this.hasInputFocus = true;
   }
 
+  private onInputKeyDown(event: KeyboardEvent) {
+    if (event.code !== 'Enter') {
+      return;
+    }
+
+    if (!this.editable || !this.inputFilterText) {
+      return;
+    }
+
+    event.stopPropagation();
+
+    if (this.isMultipleMode) {
+      this.emitAddItem(this.inputFilterText);
+      return;
+    }
+
+    const existingItem = this.itemExists(this.inputFilterText);
+    if (existingItem) {
+      this.itemClick(existingItem.value);
+    } else {
+      this.emitAddItem(this.inputFilterText);
+    }
+
+    this.dropdownShow = false;
+    this.updateSelection();
+  }
+
   private placeholderValue() {
     if (this.disabled) {
       return '';
@@ -684,6 +841,10 @@ export class Select
       return '';
     }
 
+    if (this.selectedLabels?.length) {
+      return '';
+    }
+
     if (this.editable) {
       return this.i18nPlaceholderEditable;
     }
@@ -731,21 +892,60 @@ export class Select
   }
 
   private renderChip(item: HTMLIxSelectItemElement) {
+    const isPending = item.value === this.pendingChipValue;
+    const isOverflow =
+      !isPending &&
+      this.visibleChipValues !== null &&
+      !this.visibleChipValues.has(item.value);
     return (
-      <ix-filter-chip
-        disabled={this.disabled || this.readonly}
+      <div
         key={item.value}
-        ariaLabelCloseIconButton={this.getRemoveChipAriaLabel(item)}
-        onCloseClick={() => {
-          this.itemClick(item.value);
-          this.inputElement?.focus();
+        style={{
+          visibility: isPending ? 'hidden' : undefined,
+          display: isOverflow ? 'none' : undefined,
+        }}
+        ref={(el) => {
+          if (el) {
+            this.chipElementRefs.set(item.value, el as HTMLElement);
+          } else {
+            this.chipElementRefs.delete(item.value);
+          }
         }}
       >
-        {item.label}
-      </ix-filter-chip>
+        <ix-filter-chip
+          disabled={this.disabled || this.readonly}
+          ariaLabelCloseIconButton={this.getRemoveChipAriaLabel(item)}
+          onCloseClick={() => {
+            this.itemClick(item.value);
+            this.inputElement?.focus();
+          }}
+        >
+          {item.label}
+        </ix-filter-chip>
+      </div>
     );
   }
 
+  private renderChips() {
+    const chips = this.selectedItems.map((item) => this.renderChip(item));
+    const overflowCount =
+      this.pendingChipValue === null && this.visibleChipValues !== null
+        ? this.selectedItems.length - this.visibleChipValues.size
+        : 0;
+    return [
+      ...chips,
+      overflowCount > 0 ? (
+        <ix-filter-chip
+          readonly={true}
+          key="overflow"
+          ref={(el) => (this.overflowChipEl = (el as HTMLElement) ?? undefined)}
+        >
+          {`+${overflowCount}`}
+        </ix-filter-chip>
+      ) : null,
+    ];
+  }
+
   @HookValidationLifecycle()
   onValidationChange({
     isInvalid,
@@ -903,12 +1103,15 @@ export class Select
             }}
           >
             <div class="input-container">
-              <div class="chips">
+              <div
+                class="chips"
+                ref={(el) => (this.chipsEl = el as HTMLDivElement)}
+              >
                 {this.isMultipleMode &&
                   this.items.length !== 0 &&
                   (this.shouldDisplayAllChip()
                     ? this.renderAllChip()
-                    : this.selectedItems?.map((item) => this.renderChip(item)))}
+                    : this.renderChips())}
                 <div class="trigger">
                   <input
                     id={`${this.hostId}-input`}
@@ -936,6 +1139,7 @@ export class Select
                     onFocus={() => this.onInputFocus()}
                     onBlur={(e) => this.onInputBlur(e)}
                     onInput={() => this.setItemFilter()}
+                    onKeyDown={(e) => this.onInputKeyDown(e)}
                   />
                   {this.allowClear &&
                   !this.disabled &&
@@ -948,6 +1152,7 @@ export class Select
                       variant="subtle-tertiary"
                       oval
                       size="16"
+                      ref={(ref) => (this.clearButtonEl = ref ?? undefined)}
                       onClick={(e) => {
                         e.preventDefault();
                         e.stopPropagation();
@@ -965,6 +1170,7 @@ export class Select
                       }
                       aria-hidden="true"
                       ref={(ref) => {
+                        this.chevronButtonEl = ref!;
                         const element = ref as unknown as HTMLButtonElement;
                         // VDOM issue if tabIndex is provided via property <ix-icon-button tabIndex={-1}>
                         // the tabindex will be '0' after expanding the dropdown
diff --git a/packages/core/src/components/select/test/select.ct.ts b/packages/core/src/components/select/test/select.ct.ts
index 0f0faed9068..de2dfb94701 100644
--- a/packages/core/src/components/select/test/select.ct.ts
+++ b/packages/core/src/components/select/test/select.ct.ts
@@ -228,6 +228,68 @@ test('multiple mode filter reset', async ({ mount, page }) => {
   await expect(element.locator('.chips').getByTitle('Item 1')).toBeVisible();
 });
 
+test('should show overflow chip when chips exceed container width in multiple mode', async ({
+  mount,
+  page,
+}) => {
+  await mount(`
+    <ix-select mode="multiple" style="width: 300px">
+      <ix-select-item value="1" label="Item 1">Item 1</ix-select-item>
+      <ix-select-item value="2" label="Item 2">Item 2</ix-select-item>
+      <ix-select-item value="3" label="Item 3">Item 3</ix-select-item>
+    </ix-select>
+  `);
+
+  const selectElement = page.locator('ix-select');
+  const chipsContainer = selectElement.locator('.chips');
+
+  await page.locator('[data-select-dropdown]').click();
+
+  const item1 = selectElement.locator('ix-select-item').nth(0);
+  const item2 = selectElement.locator('ix-select-item').nth(1);
+  const item3 = selectElement.locator('ix-select-item').nth(2);
+  await item1.click();
+  await item2.click();
+  await item3.click();
+
+  const overflowChip = chipsContainer
+    .locator('ix-filter-chip')
+    .filter({ hasText: '+1' });
+
+  await expect(overflowChip).toBeVisible();
+});
+
+test('should show overflow chip when chips exceed container width in editable multiple mode', async ({
+  mount,
+  page,
+}) => {
+  await mount(`
+    <ix-select mode="multiple" editable style="width: 300px">
+    </ix-select>
+  `);
+
+  const selectElement = page.locator('ix-select');
+  const chipsContainer = selectElement.locator('.chips');
+  const input = selectElement.locator('input');
+
+  await page.locator('[data-select-dropdown]').click();
+
+  await input.fill('Item 1');
+  await page.keyboard.press('Enter');
+
+  await input.fill('Item 2');
+  await page.keyboard.press('Enter');
+
+  await input.fill('Item 3');
+  await page.keyboard.press('Enter');
+
+  const overflowChip = chipsContainer
+    .locator('ix-filter-chip')
+    .filter({ hasText: '+1' });
+
+  await expect(overflowChip).toBeVisible();
+});
+
 test('filter', async ({ mount, page }) => {
   await mount(`
         <ix-select mode="multiple">
@@ -382,13 +444,15 @@ test('type in a novel item name in editable mode, click outside and reopen the s
   page,
 }) => {
   await mount(`
-    <ix-select value="2" editable>
-      <ix-select-item value="1" label="Item 1"></ix-select-item>
-      <ix-select-item value="2" label="Item 2"></ix-select-item>
-      <ix-select-item value="3" label="Item 3"></ix-select-item>
-    </ix-select>
-    <ix-button>outside</ix-button>
-  `);
+        <div style="display: flex; gap: 1rem;">
+          <ix-select value="2" editable>
+            <ix-select-item value="1" label="Item 1">Test</ix-select-item>
+            <ix-select-item value="2" label="Item 2">Test</ix-select-item>
+            <ix-select-item value="3" label="Item 3">Test</ix-select-item>
+          </ix-select>
+          <ix-button>outside</ix-button>
+        </div>
+    `);
 
   const selectCtrl = selectController(page.locator('ix-select'));
   const externalButton = page.getByText('outside');
@@ -439,12 +503,14 @@ test('type in a novel item name in multiple mode, click outside', async ({
   page,
 }) => {
   await mount(`
-      <ix-select value="2" mode="multiple">
-        <ix-select-item value="1" label="Item 1"></ix-select-item>
-        <ix-select-item value="2" label="Item 2"></ix-select-item>
-        <ix-select-item value="3" label="Item 3"></ix-select-item>
-      </ix-select>
-      <ix-button>outside</ix-button>
+        <div style="display: flex; gap: 1rem;">
+          <ix-select value="2" mode="multiple">
+            <ix-select-item value="1" label="Item 1">Test</ix-select-item>
+            <ix-select-item value="2" label="Item 2">Test</ix-select-item>
+            <ix-select-item value="3" label="Item 3">Test</ix-select-item>
+          </ix-select>
+          <ix-button>outside</ix-button>
+        </div>
     `);
 
   const selectCtrl = selectController(page.locator('ix-select'));
diff --git a/packages/html-test-app/src/preview-examples/select-multiple.html b/packages/html-test-app/src/preview-examples/select-multiple.html
index 5890c8f8567..f104bb7ecbb 100644
--- a/packages/html-test-app/src/preview-examples/select-multiple.html
+++ b/packages/html-test-app/src/preview-examples/select-multiple.html
@@ -15,7 +15,7 @@
     <title>Select multiple example</title>
   </head>
   <body>
-    <ix-select mode="multiple">
+    <ix-select mode="multiple" style="width: 300px">
       <ix-select-item label="Item 1" value="1"></ix-select-item>
       <ix-select-item label="Item 2" value="2"></ix-select-item>
       <ix-select-item label="Item 3" value="3"></ix-select-item>
@@ -26,7 +26,7 @@
       (async function () {
         await window.customElements.whenDefined('ix-select');
         const select = document.querySelector('ix-select');
-        select.value = ['1', '3'];
+        select.value = ['1', '3', '4'];
       })();
     </script>
     <script type="module" src="./init.js"></script>
diff --git a/packages/react-test-app/src/preview-examples/select-multiple.tsx b/packages/react-test-app/src/preview-examples/select-multiple.tsx
index 4149f466ce3..957be73416f 100644
--- a/packages/react-test-app/src/preview-examples/select-multiple.tsx
+++ b/packages/react-test-app/src/preview-examples/select-multiple.tsx
@@ -14,11 +14,11 @@ export default () => {
   const [selection, setSelection] = useState<string[]>([]);
 
   useLayoutEffect(() => {
-    setSelection(['1', '3']);
+    setSelection(['1', '3', '4']);
   }, [setSelection]);
 
   return (
-    <IxSelect mode="multiple" value={selection}>
+    <IxSelect mode="multiple" style={{ width: '300px' }} value={selection}>
       <IxSelectItem label="Item 1" value="1"></IxSelectItem>
       <IxSelectItem label="Item 2" value="2"></IxSelectItem>
       <IxSelectItem label="Item 3" value="3"></IxSelectItem>
diff --git a/packages/vue-test-app/src/preview-examples/select-multiple.vue b/packages/vue-test-app/src/preview-examples/select-multiple.vue
index 013b0c2d2fe..66755c713e8 100644
--- a/packages/vue-test-app/src/preview-examples/select-multiple.vue
+++ b/packages/vue-test-app/src/preview-examples/select-multiple.vue
@@ -13,11 +13,11 @@ import { nextTick, onMounted, ref } from 'vue';
 
 const selection = ref<string[]>([]);
 
-onMounted(() => nextTick(() => (selection.value = ['1', '3'])));
+onMounted(() => nextTick(() => (selection.value = ['1', '3', '4'])));
 </script>
 
 <template>
-  <IxSelect mode="multiple" :value="selection">
+  <IxSelect mode="multiple" style="width: 300px" :value="selection">
     <IxSelectItem label="Item 1" value="1"></IxSelectItem>
     <IxSelectItem label="Item 2" value="2"></IxSelectItem>
     <IxSelectItem label="Item 3" value="3"></IxSelectItem>
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-basic-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-basic-1-chromium---classic-dark-linux.png
index 71a33908b42..8a1df2bfd94 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-basic-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-basic-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-basic-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-basic-1-chromium---classic-light-linux.png
index 99b6c434b1f..1269ab1de4d 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-basic-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-basic-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-1-chromium---classic-dark-linux.png
index c02cc53146c..afd7636eaca 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-1-chromium---classic-light-linux.png
index f715ef66f74..0c5ecd25b4f 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-disabled-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-disabled-1-chromium---classic-dark-linux.png
index b39d5d1b019..84ce01f4c2f 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-disabled-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-disabled-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-disabled-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-disabled-1-chromium---classic-light-linux.png
index c20956153fc..8e7cd944ace 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-disabled-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-disabled-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-readonly-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-readonly-1-chromium---classic-dark-linux.png
index fbfa8953923..299a2e7b66f 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-readonly-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-readonly-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-readonly-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-readonly-1-chromium---classic-light-linux.png
index 105aaa9bc78..4ba87ea34ba 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-readonly-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-info-with-readonly-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-1-chromium---classic-dark-linux.png
index 4cd159ffead..d64b9554ea1 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-1-chromium---classic-light-linux.png
index 896b4e2f7bf..01ba1f9be57 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-disabled-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-disabled-1-chromium---classic-dark-linux.png
index e81d32e1b93..42a114361ea 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-disabled-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-disabled-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-disabled-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-disabled-1-chromium---classic-light-linux.png
index 81d79d3b423..4c0c4adf753 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-disabled-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-disabled-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-readonly-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-readonly-1-chromium---classic-dark-linux.png
index f8600f6614f..f2d18753a02 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-readonly-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-readonly-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-readonly-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-readonly-1-chromium---classic-light-linux.png
index 12c14967490..15124574592 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-readonly-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-invalid-with-readonly-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-1-chromium---classic-dark-linux.png
index 3784a803792..9ac91eb07d2 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-1-chromium---classic-light-linux.png
index 76b54a1cb4b..9634802fc29 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-disabled-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-disabled-1-chromium---classic-dark-linux.png
index d32711ddbdd..b3ac9cf279f 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-disabled-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-disabled-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-disabled-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-disabled-1-chromium---classic-light-linux.png
index 387375eda35..b70fb9f5a43 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-disabled-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-disabled-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-readonly-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-readonly-1-chromium---classic-dark-linux.png
index c79dd34ff91..cd9337ac803 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-readonly-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-readonly-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-readonly-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-readonly-1-chromium---classic-light-linux.png
index ee8f1f9f82e..26fb616e95f 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-readonly-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-valid-with-readonly-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-1-chromium---classic-dark-linux.png
index 81f22e47653..20c2673c01c 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-1-chromium---classic-light-linux.png
index 35e74735564..87671c60ae0 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-disabled-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-disabled-1-chromium---classic-dark-linux.png
index 0a5b1654ffd..3a9b8574c42 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-disabled-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-disabled-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-disabled-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-disabled-1-chromium---classic-light-linux.png
index 88b19f16eb9..ffb6fe68d19 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-disabled-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-disabled-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-readonly-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-readonly-1-chromium---classic-dark-linux.png
index c4769cd7de4..cc94bf4e895 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-readonly-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-readonly-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-readonly-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-readonly-1-chromium---classic-light-linux.png
index 5a8034f4113..0c97bf44588 100644
Binary files a/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-readonly-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/form-fields/form-fields.e2e.ts/form-fields-state-warning-with-readonly-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/pagination/pagination.e2e.ts/pagination-advanced-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/pagination/pagination.e2e.ts/pagination-advanced-1-chromium---classic-dark-linux.png
index 86906b1b2bb..7fac4f82342 100644
Binary files a/testing/visual-testing/__screenshots__/tests/pagination/pagination.e2e.ts/pagination-advanced-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/pagination/pagination.e2e.ts/pagination-advanced-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/pagination/pagination.e2e.ts/pagination-advanced-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/pagination/pagination.e2e.ts/pagination-advanced-1-chromium---classic-light-linux.png
index 6db1ad29c06..d8823274d20 100644
Binary files a/testing/visual-testing/__screenshots__/tests/pagination/pagination.e2e.ts/pagination-advanced-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/pagination/pagination.e2e.ts/pagination-advanced-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-allow-clear-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-allow-clear-1-chromium---classic-dark-linux.png
index a1a291f6510..e721cc3ec19 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-allow-clear-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-allow-clear-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-allow-clear-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-allow-clear-1-chromium---classic-light-linux.png
index d08dda3da9f..c7db0c5ffcf 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-allow-clear-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-allow-clear-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-autoplacement-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-autoplacement-1-chromium---classic-dark-linux.png
index e2259a13e95..9d8214e3863 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-autoplacement-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-autoplacement-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-autoplacement-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-autoplacement-1-chromium---classic-light-linux.png
index 90c85a9290d..78241d35e0e 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-autoplacement-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-autoplacement-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-basic-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-basic-1-chromium---classic-dark-linux.png
index a1bfa9ec0c7..74afb2caa0e 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-basic-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-basic-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-basic-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-basic-1-chromium---classic-light-linux.png
index 574a330e15d..1f454c04c3a 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-basic-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-basic-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-centered-overflow-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-centered-overflow-1-chromium---classic-dark-linux.png
index 87e8c29c9ac..3731a12f0c0 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-centered-overflow-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-centered-overflow-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-centered-overflow-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-centered-overflow-1-chromium---classic-light-linux.png
index aed1c9173a2..46788e4914a 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-centered-overflow-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-centered-overflow-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-basic-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-basic-1-chromium---classic-dark-linux.png
index 5be80ed56e7..b348b40648c 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-basic-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-basic-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-index-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-index-1-chromium---classic-dark-linux.png
index e62e4d49511..ad1edf2c17b 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-index-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-index-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-index-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-index-1-chromium---classic-light-linux.png
index 9c18e878ea5..00d22d71055 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-index-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-index-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-multiple-indices-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-multiple-indices-1-chromium---classic-dark-linux.png
index 957e6d1fba9..3ee113fa703 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-multiple-indices-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-multiple-indices-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-multiple-indices-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-multiple-indices-1-chromium---classic-light-linux.png
index 5c28f2ed2f7..acf85a4a7b1 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-multiple-indices-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-disabled-select-multiple-indices-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-editable-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-editable-1-chromium---classic-dark-linux.png
index a1bfa9ec0c7..74afb2caa0e 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-editable-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-editable-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-editable-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-editable-1-chromium---classic-light-linux.png
index 574a330e15d..1f454c04c3a 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-editable-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-editable-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-list-header-hide-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-list-header-hide-1-chromium---classic-dark-linux.png
index 9f4267fcf43..1ded9897a14 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-list-header-hide-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-list-header-hide-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-list-header-hide-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-list-header-hide-1-chromium---classic-light-linux.png
index aa7b9f898d7..a54e44dd5dd 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-list-header-hide-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-list-header-hide-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---all-chip-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---all-chip-1-chromium---classic-dark-linux.png
index cf03ad9102d..714cd20175f 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---all-chip-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---all-chip-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---all-chip-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---all-chip-1-chromium---classic-light-linux.png
index 109594386ff..8348a1e074e 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---all-chip-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---all-chip-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---normal-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---normal-1-chromium---classic-dark-linux.png
index 12723536f4f..3b33753f62e 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---normal-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---normal-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---normal-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---normal-1-chromium---classic-light-linux.png
index b715e991480..c1c0b7cb75f 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---normal-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple---normal-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-1-chromium---classic-dark-linux.png
index 78b1905514f..6623b3cd606 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-1-chromium---classic-light-linux.png
index 401e971a0e4..baa170d6d52 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-scroll-down-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-scroll-down-1-chromium---classic-dark-linux.png
index fde2ce7fc13..315907b51d3 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-scroll-down-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-scroll-down-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-scroll-down-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-scroll-down-1-chromium---classic-light-linux.png
index bc7bad73e67..7ac0917d368 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-scroll-down-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-mode-multiple-overflow-scroll-down-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-overflow-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-overflow-1-chromium---classic-dark-linux.png
index 2ef2cd7c525..f2dc8a00dff 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-overflow-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-overflow-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-overflow-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-overflow-1-chromium---classic-light-linux.png
index ddb1ddd57b3..30084670ad6 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-overflow-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-overflow-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-1-chromium---classic-dark-linux.png
index 85c3922348d..41542a6a107 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-1-chromium---classic-light-linux.png
index a50ef1f62b9..ac97e0bc5fb 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-Index-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-Index-1-chromium---classic-dark-linux.png
index 5cc2724edd0..407152e0fdd 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-Index-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-Index-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-Index-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-Index-1-chromium---classic-light-linux.png
index 88f6f94ddc4..86a4ad7aa3e 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-Index-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-Index-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-multiple-index-1-chromium---classic-dark-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-multiple-index-1-chromium---classic-dark-linux.png
index cabde2d46e7..aabacc31937 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-multiple-index-1-chromium---classic-dark-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-multiple-index-1-chromium---classic-dark-linux.png differ
diff --git a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-multiple-index-1-chromium---classic-light-linux.png b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-multiple-index-1-chromium---classic-light-linux.png
index 3f799d19b37..d83f736709e 100644
Binary files a/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-multiple-index-1-chromium---classic-light-linux.png and b/testing/visual-testing/__screenshots__/tests/select/select.e2e.ts/select-readonly-select-multiple-index-1-chromium---classic-light-linux.png differ
diff --git a/testing/visual-testing/tests/select/mode-multiple-overflow/index.html b/testing/visual-testing/tests/select/mode-multiple-overflow/index.html
index 129bcf532b4..3c93ed2907a 100644
--- a/testing/visual-testing/tests/select/mode-multiple-overflow/index.html
+++ b/testing/visual-testing/tests/select/mode-multiple-overflow/index.html
@@ -14,10 +14,11 @@
     />
     <title>Stencil Component Starter</title>
   </head>
-  <body padding="2rem" style="width: 256px">
-    <ix-select value="2" mode="multiple">
+  <body padding="2rem">
+    <ix-select value="2" mode="multiple" style="width: 300px">
       <ix-select-item label="Item 1" value="1"></ix-select-item>
-      <ix-select-item label="Item 2" value="2"></ix-select-item>
+      <!-- One very long item to test if shorter items get priority -->
+      <ix-select-item label="Item 222222222222222" value="2"></ix-select-item>
       <ix-select-item label="Item 3" value="3"></ix-select-item>
       <ix-select-item label="Item 4" value="4"></ix-select-item>
       <ix-select-item label="Item 5" value="5"></ix-select-item>