💄 Bug - Align Production UI with Design Specifications

[ssw-yakshaver]

Requested by: @jernejk via YakShaver.ai 🦬
cc: @jernejk, @sethdaily, @adamcogan, @zacharykeeping

Hi Team!

  🟥  Watch the video (2 min 44 sec)

  Url from screen share: https://figma.com/aikzxaikawv

Pain

The current production UI of the ⭐ Rewards mobile app does not match the design specifications provided by the designers. Differences include color, border, and size discrepancies. The goal is to ensure the production UI closely aligns with the original design, while accommodating additional features like pagination and search.

Acceptance Criteria

1. Production UI matches the design specifications in terms of color, border, and size.
2. Design adjustments are made to accommodate pagination, search, and filtering functionalities.
3. Designers use Figma for creating and sharing designs to ensure consistency.
4. Screenshots are no longer used for design communication; Figma designs are referenced instead.

Reproduce Steps

1. Open the ⭐ Rewards mobile app.
2. Compare the UI elements such as colors, borders, and sizes with the design specifications provided by the designers.
3. Identify discrepancies between the production UI and the design specifications.

Screenshot

Figure: Designs differ from production; aim to match original look and feel.