diff --git a/app/assets/stylesheets/alchemy/elements.scss b/app/assets/stylesheets/alchemy/elements.scss
index 4f5f384ad4..adb8e4f6f3 100644
--- a/app/assets/stylesheets/alchemy/elements.scss
+++ b/app/assets/stylesheets/alchemy/elements.scss
@@ -48,11 +48,6 @@
 
   textarea {
     width: 100%;
-
-    &.has_tinymce {
-      // We need to do this, because globally all texareas have height: auto !important
-      height: 140px !important;
-    }
   }
 
   > .message {
@@ -60,6 +55,10 @@
   }
 }
 
+alchemy-tinymce {
+  display: block;
+}
+
 #main-content-elements,
 .element-editor.is-fixed .nestable-elements {
   padding: 2 * $default-padding $default-padding 2px;
diff --git a/app/javascript/alchemy_admin/components/tinymce.js b/app/javascript/alchemy_admin/components/tinymce.js
index 00069c1946..1548e4d7df 100644
--- a/app/javascript/alchemy_admin/components/tinymce.js
+++ b/app/javascript/alchemy_admin/components/tinymce.js
@@ -1,6 +1,11 @@
 import { AlchemyHTMLElement } from "./alchemy_html_element"
 import { currentLocale } from "alchemy_admin/i18n"
 
+const TOOLBAR_ROW_HEIGHT = 30
+const TOOLBAR_BORDER_WIDTH = 1
+const STATUSBAR_HEIGHT = 29.5
+const EDITOR_BORDER_WIDTH = 2
+
 class Tinymce extends AlchemyHTMLElement {
   /**
    * the observer will initialize Tinymce if the textarea becomes visible
@@ -53,6 +58,7 @@ class Tinymce extends AlchemyHTMLElement {
    * hide the textarea until TinyMCE is ready to show the editor
    */
   afterRender() {
+    this.style.minHeight = `${this.minHeight}px`
     this.editor.style.display = "none"
   }
 
@@ -117,6 +123,24 @@ class Tinymce extends AlchemyHTMLElement {
       .getElementById(this.editorId)
       .closest("alchemy-element-editor")
   }
+
+  get minHeight() {
+    let minHeight = this.configuration.min_height || 0
+
+    if (Array.isArray(this.configuration.toolbar)) {
+      minHeight += this.configuration.toolbar.length * TOOLBAR_ROW_HEIGHT
+      minHeight += TOOLBAR_BORDER_WIDTH
+    } else if (this.configuration.toolbar) {
+      minHeight += TOOLBAR_ROW_HEIGHT
+      minHeight += TOOLBAR_BORDER_WIDTH
+    }
+    if (this.configuration.statusbar) {
+      minHeight += STATUSBAR_HEIGHT
+    }
+    minHeight += EDITOR_BORDER_WIDTH
+
+    return minHeight
+  }
 }
 
 customElements.define("alchemy-tinymce", Tinymce)
diff --git a/lib/alchemy/tinymce.rb b/lib/alchemy/tinymce.rb
index a8dab50996..d68c8a1d6a 100644
--- a/lib/alchemy/tinymce.rb
+++ b/lib/alchemy/tinymce.rb
@@ -4,15 +4,14 @@ module Alchemy
   module Tinymce
     mattr_accessor :languages, :plugins
 
-    DEFAULT_PLUGINS = %w[anchor autoresize charmap code directionality fullscreen hr link lists paste tabfocus table]
+    DEFAULT_PLUGINS = %w[anchor charmap code directionality fullscreen hr link lists paste tabfocus table]
 
     @@plugins = DEFAULT_PLUGINS + %w[alchemy_link]
     @@init = {
       skin: "alchemy",
       width: "auto",
       resize: true,
-      autoresize_min_height: "105",
-      autoresize_max_height: "480",
+      min_height: 220,
       menubar: false,
       statusbar: true,
       toolbar: [
diff --git a/spec/javascript/alchemy_admin/components/tinymce.spec.js b/spec/javascript/alchemy_admin/components/tinymce.spec.js
index 2c40add735..95c26bf488 100644
--- a/spec/javascript/alchemy_admin/components/tinymce.spec.js
+++ b/spec/javascript/alchemy_admin/components/tinymce.spec.js
@@ -74,4 +74,55 @@ describe("alchemy-tinymce", () => {
       expect(tinymceSettings.toolbar).toEqual("bold italic")
     })
   })
+
+  describe("minHeight", () => {
+    const html = `
+      <alchemy-tinymce>
+        <textarea id="tinymce-textarea"></textarea>
+      </alchemy-tinymce>
+    `
+
+    beforeEach(() => {
+      Alchemy.TinymceDefaults = {
+        toolbar: ["1", "2"],
+        statusbar: true,
+        min_height: 220
+      }
+    })
+
+    it("calculates with default config", () => {
+      const component = renderComponent("alchemy-tinymce", html)
+      expect(component.minHeight).toEqual(312.5)
+    })
+
+    it("calculates if toolbar is an array of 1", () => {
+      const component = renderComponent("alchemy-tinymce", html)
+      Alchemy.TinymceDefaults.toolbar = ["1"]
+      expect(component.minHeight).toEqual(282.5)
+    })
+
+    it("calculates if another min_height is set in config", () => {
+      const component = renderComponent("alchemy-tinymce", html)
+      Alchemy.TinymceDefaults.min_height = 123
+      expect(component.minHeight).toEqual(215.5)
+    })
+
+    it("calculates if toolbar is a string", () => {
+      const component = renderComponent("alchemy-tinymce", html)
+      Alchemy.TinymceDefaults.toolbar = "1|2"
+      expect(component.minHeight).toEqual(282.5)
+    })
+
+    it("calculates if toolbar is false", () => {
+      const component = renderComponent("alchemy-tinymce", html)
+      Alchemy.TinymceDefaults.toolbar = false
+      expect(component.minHeight).toEqual(251.5)
+    })
+
+    it("calculates if statusbar is false", () => {
+      const component = renderComponent("alchemy-tinymce", html)
+      Alchemy.TinymceDefaults.statusbar = false
+      expect(component.minHeight).toEqual(283)
+    })
+  })
 })