diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-filter-field.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-filter-field.element.ts
index 923f5cc01a..7ddb228c63 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-filter-field.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/collection/components/collection-filter-field.element.ts
@@ -33,6 +33,10 @@ export class UmbCollectionFilterFieldElement extends UmbLitElement {
 
 	static override readonly styles = [
 		css`
+			:host {
+				display: flex;
+			}
+
 			uui-input {
 				width: 100%;
 			}
diff --git a/src/Umbraco.Web.UI.Client/src/packages/extension-insights/collection/extension-collection.element.ts b/src/Umbraco.Web.UI.Client/src/packages/extension-insights/collection/extension-collection.element.ts
index 375daeb232..84f8a9c371 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/extension-insights/collection/extension-collection.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/extension-insights/collection/extension-collection.element.ts
@@ -49,19 +49,18 @@ export class UmbExtensionCollectionElement extends UmbCollectionDefaultElement {
 	static override styles = [
 		css`
 			#toolbar {
-				flex: 1;
 				display: flex;
 				gap: var(--uui-size-space-5);
 				justify-content: space-between;
 				align-items: center;
-			}
 
-			umb-collection-filter-field {
-				width: 100%;
-			}
+				umb-collection-filter-field {
+					flex: 1;
+				}
 
-			uui-select {
-				width: 100%;
+				uui-select {
+					flex: 1;
+				}
 			}
 		`,
 	];