Data Entry boxes displaying strangely when previewed and published

Hi.

I have created a basic slide with four data entry boxes. The four boxes appear as intended while I am editing (Attachment 1) but when I preview or publish the entry fields extend beyond the boundaries of the boxes (see the pink area on Attachment 2), the placeholder text appears outside of the boxes and they and also appear off-centre.

I'm sure there's a perfectly good reason for this but it has me stumped. 

Any ideas?

 

Thanks,

Stuart.