Icons misalign on Chrome for Android
While deploying the flutter app on the web, icons do not align properly in Chrome for Android. 

However, they align properly when viewed in Firefox for Android and Safar for iOS. Also, icons align as expected on Chrome for Desktop.

Below are the screenshots of the issue.

![screen4](https://user-images.githubusercontent.com/28054527/194577550-2756b6b8-14e7-45c8-af2a-93ccb6dcc98d.png)
![screen3](https://user-images.githubusercontent.com/28054527/194577556-d654d31f-3ca7-4615-95d1-81c14129fec4.png)
![screen2](https://user-images.githubusercontent.com/28054527/194577559-609ebd4f-1214-4fc9-b64e-2bc4f887839f.png)
![screen](https://user-images.githubusercontent.com/28054527/194577566-bae1f4ab-2b37-4e8f-a1b0-8c53febffd3c.png)
