Mobile web UI issues in Create Product: vertical text and step label spacing.

[julia-gx]

What

a. The text “enable crop mode” is displayed incorrectly.
Instead of appearing normally in one line, each letter appears on a separate line.
This makes the interface look broken and harder to use.

b. On the Create Product page, the step indicator layout is inconsistent.
The first step (Select unknown product) appears completed with a checkmark, but the visual alignment and spacing between the steps and icons look incorrect.

Steps to reproduce the behavior:

a.

1. Navigate to Experiments → Create Product.
2. Select some product to create from the list.
3. Scroll down.

b.

1. Navigate to Experiments → Create Product.
2. Select or enter a product.
3. Observe the step progress bar at the top of the page.

Expected behavior

a. The text "label mode" should appear on a single line next to the toggle switch.
b. The stepper should display steps evenly spaced and aligned.

Screenshots

a.

b.

Platform (Desktop, Mobile, Hunger Games)

• iOS
• Mobile

Part of

[DevDs1989]

Hi @julia-gx , for the stepper what do you think about it only displaying the text for the current step and then rest of them as either ticks on the left or the step number on the right side?