diff --git a/web/plugins/com.msgbyte.bbcode/src/tags/ImgTag.tsx b/web/plugins/com.msgbyte.bbcode/src/tags/ImgTag.tsx
index 0c9eab3c..a1d1ca1d 100644
--- a/web/plugins/com.msgbyte.bbcode/src/tags/ImgTag.tsx
+++ b/web/plugins/com.msgbyte.bbcode/src/tags/ImgTag.tsx
@@ -2,11 +2,17 @@ import React from 'react';
 import { Image } from '@capital/component';
 import type { TagProps } from '../bbcode/type';
 
+const imageStyle: React.CSSProperties = {
+  maxHeight: 320,
+  maxWidth: 320,
+  width: 'auto',
+};
+
 export const ImgTag: React.FC<TagProps> = React.memo((props) => {
   const { node } = props;
   const text = node.content.join('');
   const url = node.attrs.url ?? text;
 
-  return <Image className="max-h-80 w-auto" preview={true} src={url} />;
+  return <Image style={imageStyle} preview={true} src={url} />;
 });
 ImgTag.displayName = 'ImgTag';
diff --git a/web/plugins/com.msgbyte.bbcode/tsconfig.json b/web/plugins/com.msgbyte.bbcode/tsconfig.json
index 694f120b..2c0a0cf2 100644
--- a/web/plugins/com.msgbyte.bbcode/tsconfig.json
+++ b/web/plugins/com.msgbyte.bbcode/tsconfig.json
@@ -1,6 +1,5 @@
 {
   "compilerOptions": {
-    "rootDir": "./src",
     "baseUrl": "./src",
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,