diff --git a/src/components/MermaidToExcalidraw.scss b/src/components/MermaidToExcalidraw.scss
index 44d7cdf49..7082330c0 100644
--- a/src/components/MermaidToExcalidraw.scss
+++ b/src/components/MermaidToExcalidraw.scss
@@ -19,7 +19,7 @@
 
       textarea {
         width: 20rem;
-        height: 22rem;
+        height: 19rem;
         resize: none;
         border-radius: 8px;
         padding: 1rem;
@@ -33,7 +33,7 @@
       padding: 0.85rem;
 
       width: 20rem;
-      height: 22rem;
+      height: 19rem;
       background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==")
         left center;
       border-radius: 8px;
diff --git a/src/components/MermaidToExcalidraw.tsx b/src/components/MermaidToExcalidraw.tsx
index e4bdab982..e754d2c01 100644
--- a/src/components/MermaidToExcalidraw.tsx
+++ b/src/components/MermaidToExcalidraw.tsx
@@ -146,12 +146,9 @@ const MermaidToExcalidraw = ({
         const maxWidth = parent.offsetWidth;
         const maxHeight = parent.offsetHeight;
         let dimension = Math.max(maxWidth, maxHeight);
-        if (dimension > parent.offsetWidth) {
-          dimension = parent.offsetWidth - 10;
-        }
-        if (dimension > parent.offsetHeight) {
-          dimension = parent.offsetHeight;
-        }
+        dimension = Math.min(dimension, parent.offsetWidth - 10);
+        dimension = Math.min(dimension, parent.offsetHeight - 10);
+
         exportToCanvas({
           elements: data.current.elements,
           files: data.current.files,
@@ -194,7 +191,9 @@ const MermaidToExcalidraw = ({
       onCloseRequest={onClose}
       title={
         <>
-          <p style={{ marginBottom: "5px" }}>Mermaid to Excalidraw</p>
+          <p style={{ marginBottom: "5px", marginTop: "2px" }}>
+            Mermaid to Excalidraw
+          </p>
           <span
             style={{ fontSize: "15px", fontStyle: "italic", fontWeight: 500 }}
           >