diff --git a/entry_types/scrolled/package/spec/contentElements/inlineImage/InlineImage-spec.js b/entry_types/scrolled/package/spec/contentElements/inlineImage/InlineImage-spec.js
index 2c563fae9c..0279c72d6c 100644
--- a/entry_types/scrolled/package/spec/contentElements/inlineImage/InlineImage-spec.js
+++ b/entry_types/scrolled/package/spec/contentElements/inlineImage/InlineImage-spec.js
@@ -337,5 +337,23 @@ describe('InlineImage', () => {
       const contentElement = getContentElement();
       expect(contentElement.getFitViewportAspectRatio()).toEqual('0.75');
     });
+
+    it('uses default aspect ratio when file is not ready', () => {
+      const {getContentElement} = renderContentElement({
+        typeName: 'inlineImage',
+        configuration: {
+          id: 100
+        },
+        imageFiles: [{
+          permaId: 100,
+          isReady: false,
+          width: null,
+          height: null
+        }]
+      });
+
+      const contentElement = getContentElement();
+      expect(contentElement.getFitViewportAspectRatio()).toEqual('0.75');
+    });
   });
 });
diff --git a/entry_types/scrolled/package/src/contentElements/inlineImage/InlineImage.js b/entry_types/scrolled/package/src/contentElements/inlineImage/InlineImage.js
index fd13dd2b3e..a00cc59e81 100644
--- a/entry_types/scrolled/package/src/contentElements/inlineImage/InlineImage.js
+++ b/entry_types/scrolled/package/src/contentElements/inlineImage/InlineImage.js
@@ -90,7 +90,7 @@ function ImageWithCaption({
 
   return (
     <FitViewport file={imageFile}
-                 aspectRatio={aspectRatio || (imageFile ? undefined : 0.75)}
+                 aspectRatio={aspectRatio || (imageFile?.width ? undefined : 0.75)}
                  opaque={!imageFile}>
       <ContentElementBox borderRadius={isCircleCrop ? 'none' : rounded}>
         <ContentElementFigure configuration={configuration}>