Description

Fixes recent regressions in the Perps tutorial carousel

Changes:

• Fixed tutorial animations being cut-off at the bottom
• Fixed "Ready to trade?" screen title and description text rendering on top of each other
• Replaced HyperEVM reference with HyperCore

Changelog

CHANGELOG entry: fixed tutorial animations being cut-off at the bottom
CHANGELOG entry: fixed "Ready to trade?" screen title and description text rendering on top of each other
CHANGELOG entry: updated HyperEVM reference with HyperCore

Related issues

Fixes: TAT-1883: Perps Tutorial Regression: Animations are cut-off and ready to trade text and subtext overlap

Manual testing steps

Feature: Perps Tutorial Carousel

  Scenario: Tutorial animations are cut-off at the bottom
    Given user is navigating through the tutorial carousel

    When user views tutorial screens
    Then animations are no longer being cut off at the bottom

  Scenario: "Ready to trade?" screen title and description text overlap
    Given user is eligible for Perps (not geo-blocked) and is on the last tutorial screen

    When user views "Ready to trade?" screen
    Then title and description text aren't rendered on top of each other anymore

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.