diff --git a/src/main/webdemo/js/controllers/CreateDeal.js b/src/main/webdemo/js/controllers/CreateDeal.js
index dc92b44bfd..1df3fabcf9 100644
--- a/src/main/webdemo/js/controllers/CreateDeal.js
+++ b/src/main/webdemo/js/controllers/CreateDeal.js
@@ -18,5 +18,10 @@ define([
             });
         };
         $('input.percent').mask("9.999999%", {placeholder: "", autoclear: false});
+        $('#swapirscolumns').click(() => {
+            let first = $('#irscolumns .eight:eq( 0 )');
+            let last = $('#irscolumns .eight:eq( 1 )');
+            first.before(last);
+        });
     });
 });
\ No newline at end of file
diff --git a/src/main/webdemo/view/create-deal.html b/src/main/webdemo/view/create-deal.html
index 4d1a546f67..9c7a21d95f 100644
--- a/src/main/webdemo/view/create-deal.html
+++ b/src/main/webdemo/view/create-deal.html
@@ -5,7 +5,7 @@
     </div>
     <h2>New Deal</h2>
     <form id="deal-form" class="ui form" ng-submit="createDeal()">
-        <div class="ui grid">
+        <div id="irscolumns" class="ui grid">
             <div class="sixteen wide column">
                 <input type="submit" class="ui submit primary button fluid"/>
             </div>
@@ -27,6 +27,11 @@
                     <input type="date" name="terminationDate" ng-model="deal.common.terminationDate"/>
                 </div>
             </div>
+            <div class="sixteen wide column">
+                <button type="button" id="swapirscolumns" class="ui icon button fluid">
+                    <i class="exchange icon"></i>
+                </button>
+            </div>
             <div class="eight wide column" id="createfixedleg">
                 <h3>Fixed Leg</h3>
                 <div class="field">