Space character causes unexpected spacing in Search & Filter examples

[jmuzina]

Describe the bug

There is extra spacing present between search & filter chips that is only present in the Vanilla examples, not in React Components.

To Reproduce

Steps to reproduce the behavior:

1. Go to any Search and filter example (e.g., default)
2. Open the search & filter panel
3. Observe that there is extra space between the chips, that is not present in React Components. This can be seen in dev console as whitespace characters.

Expected behavior

No extra spacing between the chips.

Screenshots Expected behavior (React Components default example) Actual behavior (Vanilla default example)

Additional context

Originally reported by @dgtlntv in MM thread

Per @lyubomir-popov :

The way to avoid it is to either set font-size: 0; in the container, or eliminate space in the markup. As any white space like code tabulation gets rendered as a single space

[syncronize-issues-to-jira[bot]]

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-13382.

This message was autogenerated

[bartaz]

Triage: low effort fix (just remove whitespace between buttons in Vanilla examples). Little downside (they would be a bit harder to read, as HTML formatting would be affected).