front end indentation

Describe the bug
as soon as the tip gets a value more than 3 figures it separates the tip like shown in the picture

To Reproduce
Steps to reproduce the behavior:

proceed with any order and choose your tip
Expected behavior
should stay in a single line

Screenshots
image
image
image

Desktop (please complete the following information):

OS: Windows
Browser Chrome
Version 122.0.6261.95 (Official Build) (64-bit)

Start by reproducing the issue in the order flow on Chrome: choose a tip with more than three figures and inspect where the tip is rendered. Trace the frontend entry point responsible for that display; done means the tip remains on one line for large values without disrupting the order screen.

Written by the indexing model from the issue text.