Heading split on two lines on mobile landscape

Site URL: http://koi-bison-yt4a.squarespace.com/

Hi,

So I noticed testing through different platforms that some headers are split on two lines when testing on a mobile device android chrome in landscape view. Why is this happening and is there a css code that can fix this? Example Services page - Microdermabrasion (make sure viewing in landscape view).

Password Hapehape1.

Try adding this to Design > Custom CSS

/* Microderma text */
div#block-yui_3_17_2_1_1665414229890_2440005 h2 {
    white-space: nowrap !important;
}