diff --git a/core/js/src/combobox.ts b/core/js/src/combobox.ts
index bb0c4022d..678c1211c 100644
--- a/core/js/src/combobox.ts
+++ b/core/js/src/combobox.ts
@@ -81,7 +81,7 @@ const SELECTOR_VALUE = '.combobox-value'
const SELECTOR_SEARCH_INPUT = '.combobox-search-input'
const SELECTOR_NO_RESULTS = '.combobox-no-results'
-const CHECK_ICON = ''
+const CHECK_ICON = ''
const Default: ComponentConfig = {
boundary: 'clippingParents',
diff --git a/core/scss/ui/forms/_combobox.scss b/core/scss/ui/forms/_combobox.scss
index 69fd822da..c5bb906d8 100644
--- a/core/scss/ui/forms/_combobox.scss
+++ b/core/scss/ui/forms/_combobox.scss
@@ -121,6 +121,16 @@
background-color: var(--dropdown-bg);
}
+.combobox-search-input {
+ width: 100%;
+}
+
+.dropdown-item-label {
+ min-width: 0;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
.combobox-no-results {
padding: $spacer;
color: var(--tertiary);
diff --git a/docs/content/ui/forms/combobox.mdx b/docs/content/ui/forms/combobox.mdx
index 1a3a9f854..aebf93448 100644
--- a/docs/content/ui/forms/combobox.mdx
+++ b/docs/content/ui/forms/combobox.mdx
@@ -105,21 +105,21 @@ Use `.dropdown-item-content` with `.dropdown-item-description` for secondary tex
Admin
Full access to all resources
-
+
@@ -182,16 +182,16 @@ Add `data-bs-multiple="true"`. Items toggle on click and the menu stays open. Th
@@ -500,7 +500,7 @@ Add a name and a role with `.dropdown-item-content` and `.dropdown-item-descript
Paweł Kuna
Product designer
-
+
@@ -608,7 +608,7 @@ Put an image in `.dropdown-item-indicator` and a second line in `.dropdown-item-
Bitcoin
BTC
-
+
diff --git a/preview/pages/combobox.astro b/preview/pages/combobox.astro
index 78d61b49c..f1bca8930 100644
--- a/preview/pages/combobox.astro
+++ b/preview/pages/combobox.astro
@@ -66,7 +66,7 @@ const team = people.slice(0, 8)
const photo = (person: { photo?: string }) => `${assetRoot}/${person.photo}`
const avatar = (person: { photo?: string }) => ``
-const checkIcon = ''
+const checkIcon = ''
---
diff --git a/screenshots/pages/combobox-field.astro b/screenshots/pages/combobox-field.astro
index cfbbbad85..b649b0b45 100644
--- a/screenshots/pages/combobox-field.astro
+++ b/screenshots/pages/combobox-field.astro
@@ -15,7 +15,7 @@ const countries: [string, string][] = [
['es', 'Spain'],
['jp', 'Japan'],
]
-const check = ''
+const check = ''
---
diff --git a/screenshots/pages/combobox.astro b/screenshots/pages/combobox.astro
index 8138c5f05..4148149fb 100644
--- a/screenshots/pages/combobox.astro
+++ b/screenshots/pages/combobox.astro
@@ -16,7 +16,7 @@ import { personById } from '@shared/lib/people'
const team = [1, 4, 2, 6].map((id) => personById(id))
const labels = ['Bug', 'Backend', 'Urgent', 'Design', 'Docs']
-const check = ''
+const check = ''
---