diff --git a/webapp/components/Editor/ContentViewer.vue b/webapp/components/Editor/ContentViewer.vue
index d4acacb09..47d07214e 100644
--- a/webapp/components/Editor/ContentViewer.vue
+++ b/webapp/components/Editor/ContentViewer.vue
@@ -1,5 +1,5 @@
 <template>
-  <editor-content :editor="editor" :key="content" />
+  <editor-content :editor="editor" :key="content" class="content" />
 </template>
 
 <script>
@@ -46,3 +46,13 @@ export default {
   margin: 24px 0 8px;
 }
 </style>
+
+<style scoped>
+.content {
+  img {
+    display: block;
+    max-height: 400px;
+    max-width: 400px;
+  }
+}
+</style>
diff --git a/webapp/components/Editor/Editor.vue b/webapp/components/Editor/Editor.vue
index 8bc0a04d3..078cf26f6 100644
--- a/webapp/components/Editor/Editor.vue
+++ b/webapp/components/Editor/Editor.vue
@@ -323,6 +323,12 @@ li > p {
     border-color: $color-primary;
     background-color: $color-neutral-100;
   }
+
+  img {
+    display: block;
+    max-height: 400px;
+    max-width: 400px;
+  }
 }
 
 .ProseMirror {