fix: import svg viewbox misalignment (#8216)

This change updates the import svg's viewbox. It was set to be 24 x
24, but the icon is only 16px wide, causing it to be shifted 4px to
the left, as shown in the following image:


![image](https://github.com/user-attachments/assets/bcaa0526-662b-4d85-b302-8c2dfa46f62d)

By shrinking the viewbox (but keeping the width the same), the icon is
now more correctly aligned:


![image](https://github.com/user-attachments/assets/d77b8b6d-ccc1-448d-bd61-675766b94d0e)