diff --git a/src/sh2.less b/src/sh2.less
index 5dab3d7f..9d38ada8 100644
--- a/src/sh2.less
+++ b/src/sh2.less
@@ -3621,7 +3621,7 @@ input[type=checkbox] {
     .scroller {
         overflow: auto;
         display: flex;
-        flex-diretion: row;
+        flex-direction: row;
     }
 }
 
@@ -3633,7 +3633,7 @@ input[type=checkbox] {
 .markdown-renderer .markdown {
     padding: 5px;
     line-height: 1.5;
-    width: min-content;
+    width: fit-content;
 
     blockquote {
         background-color: #222;
diff --git a/src/view/markdown.tsx b/src/view/markdown.tsx
index 1a196f73..48f0687d 100644
--- a/src/view/markdown.tsx
+++ b/src/view/markdown.tsx
@@ -50,7 +50,7 @@ class SimpleMarkdownRenderer extends React.Component<{data : Blob, context : Ren
         }
         return (
             <div className="renderer-container markdown-renderer">
-                <div className="scroller" style={{maxHeight: opts.maxSize.height}}>
+                <div className="scroller" style={{maxHeight: opts.maxSize.height, width: minWidth, maxWidth: maxWidth}}>
                     <Markdown text={this.markdownText.get()} style={{maxHeight: opts.maxSize.height}}/>
                 </div>
             </div>