diff --git a/.changeset/fix-url-image-aspect-ratio.md b/.changeset/fix-url-image-aspect-ratio.md
new file mode 100644
index 0000000000000..7c6fa175e1f96
--- /dev/null
+++ b/.changeset/fix-url-image-aspect-ratio.md
@@ -0,0 +1,5 @@
+---
+'@rocket.chat/meteor': patch
+---
+
+Fixed incorrect aspect ratios for URL image previews (e.g., Giphy GIFs) by adding `object-fit: contain` and `width: auto` to the `UrlImagePreview` component, ensuring images scale proportionally within the max-height constraint.
diff --git a/apps/meteor/client/components/message/content/urlPreviews/UrlImagePreview.tsx b/apps/meteor/client/components/message/content/urlPreviews/UrlImagePreview.tsx
index d9296fe6b161a..ce45892d3b958 100644
--- a/apps/meteor/client/components/message/content/urlPreviews/UrlImagePreview.tsx
+++ b/apps/meteor/client/components/message/content/urlPreviews/UrlImagePreview.tsx
@@ -8,8 +8,14 @@ const UrlImagePreview = ({ url }: Pick<UrlPreviewMetadata, 'url'>): ReactElement
 	const { maxHeight: oembedMaxHeight } = useOembedLayout();
 
 	return (
-		<Box maxHeight={oembedMaxHeight} maxWidth='100%'>
-			<MessageGenericPreviewImage data-id={url} className='preview-image' url={url || ''} alt='' />
+		<Box maxHeight={oembedMaxHeight} maxWidth='100%' overflow='hidden'>
+			<MessageGenericPreviewImage
+				data-id={url}
+				className='preview-image'
+				url={url || ''}
+				alt=''
+				style={{ maxHeight: oembedMaxHeight, width: 'auto', maxWidth: '100%', objectFit: 'contain' }}
+			/>
 		</Box>
 	);
 };