TLDR: Probably can be fixed by adding “object-fit: contain” to the CSS for “.library-root__item--list .library-root__item-icon” to the Miro Board
.library-root__item--list .library-root__item-icon {
width: 24px;
height: 24px;
margin-right: 16px;
object-fit: contain;
}
Icons are sometimes stretched in the Apps search on the Mio Board.
![](https://uploads-us-west-2.insided.com/miro-us/attachment/ab9e945d-715e-43f9-a5d6-ad4c6a10fdcb.png)
Should be:
![](https://uploads-us-west-2.insided.com/miro-us/attachment/b85edce7-f1e6-4076-9d93-09cc4793921e.png)
They do not show up stretched anywhere else. We submitted a square SVG but at some point it was converted to a PNG and any transparent space was trimmed. That png is properly displayed on the marketplace page with a object-fit: contains css.
![](https://uploads-us-west-2.insided.com/miro-us/attachment/3e7525d1-3121-404d-bbc1-9042e9d465f4.png)
![](https://uploads-us-west-2.insided.com/miro-us/attachment/084eeb10-e5b5-4bd1-a32e-98adefbcbaa3.png)
but the CSS on the Miro Board App Search display does not have the object-fit: contains CSS.
We cannot think of a way to solve this on our end. We already submitted a square image. One idea was to add a white background but then the icon highlighting in the SVG icons for the app would not look proper.