Eligible networks for QF matching logos spill over the bounds of the project details box when there are 11 eligible networks

[laurenluz]

Looks a bit messy, I think either they need to be smaller icons to fit in this case, or spill onto 2 lines

@divine-comedian

To test:

1. Create QF Round
2. Enable all networks as eligible donation chains
3. check donation matching info card on project details page (next to banner image)

AC

• chain logos should not overflow the component bounds
• if the chains don't fit on one line then it is broken into two lines and does not overflow component bounds

[Tosinolawale]

https://www.figma.com/design/jrgULA0ZGWcfjRn0aXyPwj/DS---UI-Elements?node-id=11-18888&t=px2gq5T2lLZLETV5-1
There is already a design for this edge case here @divine-comedian

https://www.figma.com/design/jrgULA0ZGWcfjRn0aXyPwj/DS---UI-Elements?node-id=285-3433&t=px2gq5T2lLZLETV5-1

[divine-comedian]

@LatifatAbdullahi - this fix should be good to check on production

you can test it here -> https://giveth.io/project/defend-roman-storm

[LatifatAbdullahi]

Test Update @divine-comedian

• Chain logos should not overflow the component bounds - Pass

• If the chains don't fit on one line then it is broken into two lines and does not overflow component bounds - Pass