diff --git a/packages/main/src/MultiComboBox.js b/packages/main/src/MultiComboBox.js
index 47c9432f9c1b..4fca4e74aefc 100644
--- a/packages/main/src/MultiComboBox.js
+++ b/packages/main/src/MultiComboBox.js
@@ -400,10 +400,6 @@ class MultiComboBox extends UI5Element {
 	}
 
 	_showMorePopover() {
-		if (this.readonly) {
-			return;
-		}
-
 		this.filterSelected = true;
 		this._toggleRespPopover();
 	}
@@ -757,6 +753,10 @@ class MultiComboBox extends UI5Element {
 		return this.readonly ? "None" : "MultiSelect";
 	}
 
+	get _listItemsType() {
+		return this.readonly ? "Inactive" : "Active";
+	}
+
 	get hasValueState() {
 		return this.valueState !== ValueState.None;
 	}
@@ -816,7 +816,7 @@ class MultiComboBox extends UI5Element {
 	}
 
 	get _tokenizerExpanded() {
-		return this._rootFocused || this.open;
+		return (this._rootFocused || this.open) && !this.readonly;
 	}
 
 	get classes() {
diff --git a/packages/main/src/MultiComboBoxPopover.hbs b/packages/main/src/MultiComboBoxPopover.hbs
index 3a410f6fc266..8b4c9f782799 100644
--- a/packages/main/src/MultiComboBoxPopover.hbs
+++ b/packages/main/src/MultiComboBoxPopover.hbs
@@ -68,7 +68,7 @@
 
 	<ui5-list separators="None" mode="MultiSelect" class="ui5-multi-combobox-all-items-list">
 		{{#each _filteredItems}}
-				<ui5-li type="Active" ?selected={{this.selected}} data-ui5-token-id="{{this._id}}">{{this.text}}</ui5-li>
+				<ui5-li type="{{../_listItemsType}}" ?selected={{this.selected}} data-ui5-token-id="{{this._id}}">{{this.text}}</ui5-li>
 		{{/each}}
 	</ui5-list>