Y-axis edit button misalignment Safari

Environment information (required)

Please run diagnose_tensorboard.py (link below) in the same
environment from which you normally run TensorFlow/TensorBoard, and
paste the output here:

Resolviendo raw.githubusercontent.com (raw.githubusercontent.com)... 185.199.108.133, 185.199.111.133, 185.199.110.133, ...
Conectando con raw.githubusercontent.com (raw.githubusercontent.com)[185.199.108.133]:443... conectado.
Petición HTTP enviada, esperando respuesta... 200 OK
Longitud: 19171 (19K) [text/plain]
Grabando a: «diagnose_tensorboard.py»

diagnose_tensorboard.py 100%[=====================================>] 18,72K --.-KB/s en 0,001s

2022-11-06 12:34:26 (30,2 MB/s) - «diagnose_tensorboard.py» guardado [19171/19171]

For browser-related issues, please additionally specify:

• Browser type and version: Safari 14.1.2
• Screenshot, if it’s a visual issue:

https://user-images.githubusercontent.com/93374270/200168421-59cadd40-f098-463a-bc6a-757d7d6b09c7.mov

Issue description

Found in Safari 14.1.2:
I have found a misalignment in the button to edit the Y-axis when running TensorBoard. When I put the cursor on the Y-axis, the edit button is displayed on the right side of the graph in such a way that it is not possible to click it. When I move the cursor to click the button, it disappears. In Chrome 106.0.5249.119, this error does not occur, i.e., when I put the cursor over the Y-axis, the edit button appears on the left side, so it is possible to click it and edit the axis.

No source file or test is named in the issue. First reproduce the Y-axis edit-button behavior in Safari 14.1.2 and compare it with Chrome 106.0.5249.119, then locate the TensorBoard Y-axis hover/edit UI entry point; done means the button stays positioned and clickable in Safari.