When using the compatibility layer, i.e. the old pages app, image preview within a dialog overflows the dialog screen. As a consequence, you cannot see the entire image in some cases and the detail button (the magnifying glass icon) is missing as it is located outside the dialog screen.

Steps to reproduce:

1. Create a dialog definition containing a LinkField to assets with a contentPreviewDefinition (Use the attached dialog definition test-dialog.yaml)
2. Open the dialog and choose an asset
3. When the dialog is loaded, preview is not entirely shown as part of it overflows the dialog screen:
   
   Expected Result: Preview is completely located within the dialog screen and detail button is shown:
   
   Changing the width of file-preview-area element to 100%, preview is shown correctly as in the previous screenshot.

It seems that this was specifically changed for Magnolia 6 new UI in MGNLUI-4781 UI polishing