Bug: a scroll bar appears on the right in the mobile version when emulating the device (iPad mini)

[ksenrika]

Summary

Closed issue with the same bug: "https://github.com/hexlet-codebattle/codebattle/issues/2158#issue-3056335687"

Scroll bar appears on the right side of the mobile version in device emulation (iPad mini)

Reproduction steps

1 Click "Sign In"
2 Fill out the form
3 Click "Submit"
4 Open Devtools, choose iPad mini ipadOS 14.7.1 (resolution 768x1024) as a device 
5 Click "Create battle"
6 Choose Level=medium, "battle with a bot", Choose task by name or tags=random
7 Click "Create a battle"
8 Reload the page and observe the main page (or any other page, e.g., game creation page)

Expected result

The website's interface should occupy the entire width of the emulated screen (768x1224). There should be no scroll bars

Actual result

A scroll bar is visible on the right side of the screen, reducing the useful width of the interface in an emulated form

Browsers

Firefox

OS

Windows 11

Current version: 602181c