[jasonzli-DEV]

This PR fixes an issue where resizing the billing page in Safari would cause it to go off the screen.

This also closes #8178.

[github-actions]

Pull request changelog

App

Added

Changed

Deprecated

Removed

Fixed

Security

Website

Added

Changed

Deprecated

Removed

Fixed

Security

Hosting

Added

Changed

Deprecated

Removed

Fixed

Security

[Prospector]

this is not how you solve a problem like this, pls don't contribute stuff unless you understand the problem

[jasonzli-DEV]

this is not how you solve a problem like this, pls don't contribute stuff unless you understand the problem

I understand the problem and want to help.
If you want it done differently, just say so.
I don't know how you want it, and unless you say how you want it, there is no way for me to contribute.
There are a million different ways something can be done, and the right way and understanding the problem are all opinionated.

[Prospector]

you just made the width some crazy magic number formula calculation

[jasonzli-DEV]

you just made the width some crazy magic number formula calculation

Safari’s SVG sizing makes the logos take up too much width, so the billing cards expand beyond the viewport.

The magic number formula sets each logo’s width from its existing height and the aspect ratio defined by the viewBox to fix the issue.

I did say that there are a million ways to do something. If you want a different way, just say the word.