Adding “show more” buttons under text. Hello, I have successfully added the button, but when I view the published page there is a huge gap on my MacBook (Apple), but on a Windows computer the button is properly placed. Any ideas on how to fix this? Photos below of the screen shot on my Mac, with the gap, then on a Windows computer without the gap. Please help 
The code is:
let fullText; // variable to hold the full text
let shortText; // variable to hold the short version of the text
$w.onReady( function (){
// how many characters to include in the shortened version
const shortTextLength = 450;
// read the full text and store it in the fullText variable
fullText = $w(“#text5”).text;
// grab the number of characters defined in shortTextLength and store them in the shortText variable
shortText = fullText.substr(0, shortTextLength) + “…”;
// set the contents of the text element to be the short text
$w(“#text5”).text = shortText;
});
export function button1_click(event) {
// check the contents of the text element
if ($w(“#text5”).text === shortText) {
// if currently displaying short text, display the full text
$w(“#text5”).text = fullText;
$w(“#button1”).label = “Show less”;
} else {
// if currently displaying full text, display the short text
$w(“#text5”).text = shortText;
$w(“#button1”).label = “Show more”;
}
}
