diff --git a/packages/pl-fe/src/components/upload.tsx b/packages/pl-fe/src/components/upload.tsx
index ced9350c5..5d7325248 100644
--- a/packages/pl-fe/src/components/upload.tsx
+++ b/packages/pl-fe/src/components/upload.tsx
@@ -172,7 +172,11 @@ const Upload: React.FC<IUpload> = ({
       <Blurhash hash={media.blurhash} className='⁂-media-gallery__preview' />
       <animated.div
         className={clsx('compose-form__upload-thumbnail relative h-40 w-full overflow-hidden bg-contain bg-center bg-no-repeat', mediaType)}
-        style={styles}
+        style={{
+          scale: styles.scale,
+          backgroundImage: mediaType === 'image' ? `url(${media.preview_url})` : undefined,
+          backgroundPosition: typeof x === 'number' && typeof y === 'number' ? `${x}% ${y}%` : undefined,
+        }}
       >
         <HStack className='absolute right-2 top-2 z-10' space={2}>
           {onDescriptionChange && (