diff --git a/src/main/webapp/scripts/project/schema-alignment.js b/src/main/webapp/scripts/project/schema-alignment.js
index 49b138cd3..375d89000 100644
--- a/src/main/webapp/scripts/project/schema-alignment.js
+++ b/src/main/webapp/scripts/project/schema-alignment.js
@@ -181,6 +181,8 @@ SchemaAlignmentDialog.prototype._renderBody = function(body) {
             }
         ));
     }
+    
+    this._previewPane = $('<div></div>').addClass("schema-alignment-dialog-preview").appendTo(body);
 };
 
 SchemaAlignmentDialog.prototype.getJSON = function() {
diff --git a/src/main/webapp/styles/schema-alignment-dialog.css b/src/main/webapp/styles/schema-alignment-dialog.css
index 9c2325a72..803cf3ca6 100644
--- a/src/main/webapp/styles/schema-alignment-dialog.css
+++ b/src/main/webapp/styles/schema-alignment-dialog.css
@@ -1,5 +1,5 @@
 .schema-alignment-dialog-canvas {
-    height: 500px;
+    height: 325px;
     overflow: auto;
     border: 1px solid #aaa;
     padding: 10px;
@@ -64,6 +64,14 @@ a.schema-alignment-link-tag:hover {
     color: #88f;
 }
 
+div.schema-alignment-dialog-preview {
+    height: 200px;
+    overflow: auto;
+    border: 1px solid #aaa;
+    padding: 10px;
+    margin-top: 10px;
+}
+
 /*--------------------------------------------------
  *  Node dialog
  *--------------------------------------------------