fix(design-system): facet alignment in firefox

[lauramargar]

Pull request template

Facets' icons are misaligned in Firefox.

Motivation and context

• Dependencies. If any, specify:
• Open issue. If applicable, link: EMP-4657

Type of change

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that causes existing functionality to not work as expected)
• Change requires a documentation update

What is the destination branch of this PR?

• Main
• Other. Specify:

How has this been tested?

Check the filters in the facets panel in the Firefox browser.

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review on my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.

[diegopf]

Now it seems both chrome and firefox are not aligned 😅 we need a better option

[lauramargar]

Now it seems both chrome and firefox are not aligned 😅 we need a better option

Hi @diegopf !!

If we change grid display to flex, it seems to work.