diff --git a/packages/pl-fe/index.html b/packages/pl-fe/index.html
index 9b173ed0d..6e673df2d 100644
--- a/packages/pl-fe/index.html
+++ b/packages/pl-fe/index.html
@@ -23,4 +23,4 @@
     </div>
     <noscript>To use this website, please enable JavaScript.</noscript>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx
index 4347adbf5..b6ac2a098 100644
--- a/packages/pl-fe/src/components/media-gallery.tsx
+++ b/packages/pl-fe/src/components/media-gallery.tsx
@@ -193,15 +193,16 @@ const Item: React.FC<IItem> = ({
             interaction='click'
             referenceElementClassName='cursor-pointer'
             content={
-              <Stack space={1} className='max-w-80'>
+              <Stack space={1} className='max-h-[32rem] max-w-96 overflow-auto p-4'>
                 <Text weight='semibold'>
                   <FormattedMessage id='media-gallery.description' defaultMessage='Image description' />
                 </Text>
-                <Text>
+                <Text className='whitespace-pre-wrap'>
                   {attachment.description}
                 </Text>
               </Stack>
             }
+            isFlush
           >
             <AltIndicator className='absolute bottom-2 left-2 z-10 opacity-80 transition-opacity hover:opacity-100' />
           </Popover>