diff --git a/examples/demo.css b/examples/demo.css
index c97103b4..2798012f 100644
--- a/examples/demo.css
+++ b/examples/demo.css
@@ -251,14 +251,8 @@ a.name-header{
   color: #445;
 }
 
-.step-column{ 
+.step-column{
     display:flex; 
-    flex-direction:row; 
-    align-items:center;
-}
-.step-image{
-    width:100%; 
-    display:flex; 
-    flex-direction:column; 
-    align-items:center;
+    align-content: center;
+    justify-content: center;
 }
diff --git a/examples/lib/defaultHtmlStepUi.js b/examples/lib/defaultHtmlStepUi.js
index 7edfeee3..94560566 100644
--- a/examples/lib/defaultHtmlStepUi.js
+++ b/examples/lib/defaultHtmlStepUi.js
@@ -26,9 +26,9 @@ function DefaultHtmlStepUi(_sequencer, options) {
     step.ui =
       '\
       <div class="container">\
-    <div class="row step" style="display:flex">\
+    <div class="row step">\
     <form class="input-form">\
-    <div class="col-md-4 details" style="flex:1">\
+    <div class="col-md-4 details">\
     <h3>\
     <span class = "toggle">' +step.name + ' <i class="fa fa-caret-up toggleIcon" aria-hidden="true"></i></span>' +
     '<span class="load-spin" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></span>' +
@@ -39,9 +39,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
     </form>\
     <div class="col-md-8 cal step-column">\
       <div class="load" style="display:none;"><i class="fa fa-circle-o-notch fa-spin"></i></div>\
-      <div class="step-image">\
         <a><img alt="" class="img-thumbnail step-thumbnail"/></a>\
-      </div>\
     </div>\
     </div>\
     </div>\