diff --git a/web/plugins/com.msgbyte.bbcode/src/tags/ImgTag.tsx b/web/plugins/com.msgbyte.bbcode/src/tags/ImgTag.tsx
index aefe89bf..0c9eab3c 100644
--- a/web/plugins/com.msgbyte.bbcode/src/tags/ImgTag.tsx
+++ b/web/plugins/com.msgbyte.bbcode/src/tags/ImgTag.tsx
@@ -7,6 +7,6 @@ export const ImgTag: React.FC<TagProps> = React.memo((props) => {
   const text = node.content.join('');
   const url = node.attrs.url ?? text;
 
-  return <Image style={{ maxHeight: 320 }} preview={true} src={url} />;
+  return <Image className="max-h-80 w-auto" preview={true} src={url} />;
 });
 ImgTag.displayName = 'ImgTag';