fix(ui5-multi-input): adjust last token margin

packages/main/src/MultiInput.ts

@@ -360,6 +360,10 @@ class MultiInput extends Input implements IFormInputElement {
 		this.style.setProperty("--_ui5-input-icons-count", `${this.iconsCount}`);
 		this.tokenizerAvailable = this.tokens && this.tokens.length > 0;
 
+		this.tokens.forEach((token, index) => {
+			(token as Token)._lastToken = index === this.tokens.length - 1;
+		});
+
 		if (this.tokenizer) {
 			this.tokenizer.readonly = this.readonly;
 		}

packages/main/src/Token.ts

@@ -127,6 +127,14 @@ class Token extends UI5Element implements IToken {
 	@property({ type: Boolean })
 	toBeDeleted = false;
 
+	/**
+	 * Defines whether the token is the last one in the tokenizer
+	 * @default false
+	 * @private
+	 */
+	@property({ type: Boolean })
+	_lastToken = false;
+
 	/**
 	 * Defines the tabIndex of the component.
 	 * @private

packages/main/src/themes/MultiInput.css

@@ -36,3 +36,7 @@
 	--_ui5_input_tokenizer_min_width: 0px;
 	width: var(--_ui5_input_tokenizer_min_width);
 }
+
+::slotted([ui5-token][_last-token]) {
+	margin-inline-end: 0.375rem;
+}