diff --git a/ui/media/main.css b/ui/media/main.css
index 8d7401e9..1fc21e68 100644
--- a/ui/media/main.css
+++ b/ui/media/main.css
@@ -261,6 +261,9 @@ img {
 .drawing-board-canvas-wrapper {
     background-size: 100% 100%;
 }
+.drawing-board-controls {
+    min-width: 273px;
+}
 .drawing-board-control > button {
     background-color: #eee;
     border-radius: 3pt;
diff --git a/ui/media/main.js b/ui/media/main.js
index beac4891..9a564413 100644
--- a/ui/media/main.js
+++ b/ui/media/main.js
@@ -12,6 +12,7 @@ const SHOW_ONLY_FILTERED_IMAGE_KEY = "showOnlyFilteredImage"
 const STREAM_IMAGE_PROGRESS_KEY = "streamImageProgress"
 const HEALTH_PING_INTERVAL = 5 // seconds
 const MAX_INIT_IMAGE_DIMENSION = 768
+const INPAINTING_EDITOR_SIZE = 400
 
 const IMAGE_REGEX = new RegExp('data:image/[A-Za-z]+;base64')
 
@@ -262,6 +263,31 @@ async function healthCheck() {
         setStatus('server', 'offline', 'error')
     }
 }
+function resizeInpaintingEditor() {
+    let widthValue = parseInt(widthField.value)
+    let heightValue = parseInt(heightField.value)
+    if (widthValue === heightValue) {
+        widthValue = INPAINTING_EDITOR_SIZE
+        heightValue = INPAINTING_EDITOR_SIZE
+    } else if (widthValue > heightValue) {
+        heightValue = (heightValue / widthValue) * INPAINTING_EDITOR_SIZE
+        widthValue = INPAINTING_EDITOR_SIZE
+    } else {
+        widthValue = (widthValue / heightValue) * INPAINTING_EDITOR_SIZE
+        heightValue = INPAINTING_EDITOR_SIZE
+    }
+    inpaintingEditorContainer.setAttribute("style", `width:${widthValue}px;height:${heightValue}px`)
+    inpaintingEditorContainer.style.width = widthValue + 'px'
+    inpaintingEditorContainer.style.height = heightValue + 'px'
+    inpaintingEditor.opts.enlargeYourContainer = true
+
+    inpaintingEditor.resize()
+
+    inpaintingEditor.ctx.lineCap = "round";
+    inpaintingEditor.ctx.lineJoin = "round";
+    inpaintingEditor.ctx.lineWidth = inpaintingEditor.opts.size
+    inpaintingEditor.setColor(inpaintingEditor.opts.color)
+}
 
 function showImages(req, res, outputContainer, livePreview) {
     let imageItemElements = outputContainer.querySelectorAll('.imgItem')
@@ -907,6 +933,8 @@ streamImageProgressField.addEventListener('click', handleBoolSettingChange(STREA
 streamImageProgressField.checked = isStreamImageProgressEnabled()
 
 diskPathField.addEventListener('change', handleStringSettingChange(DISK_PATH_KEY))
+widthField.addEventListener('change', resizeInpaintingEditor)
+heightField.addEventListener('change', resizeInpaintingEditor)
 
 saveToDiskField.addEventListener('click', function(e) {
     diskPathField.disabled = !this.checked