diff --git a/examples/demo.css b/examples/demo.css
index 5f1dd8ec87..273be11f8d 100644
--- a/examples/demo.css
+++ b/examples/demo.css
@@ -69,14 +69,24 @@ body > .container-fluid {
   min-width:300px;
 }
 
-.hover {
-  background: #eee;
+.dropzone input {
+  max-width: 100%;
 }
 
-.dropzone input {
+.import-image-zone {
+  margin: 10px auto 30px auto;
+  max-width: 250px;
+  min-width: 230px;
+}
+
+.import-image-zone input {
   max-width: 100%;
 }
 
+.hover {
+  background: #eee;
+}
+
 .step {
   margin-bottom: 20px;
 }
@@ -252,7 +262,7 @@ a.name-header{
 }
 
 .step-column{
-  display:flex; 
+  display:flex;
   align-content: center;
   justify-content: center;
 }
@@ -276,9 +286,9 @@ a.name-header{
   width:100%;
 }
 .save-button{
-  margin-top:20px; 
+  margin-top:20px;
   margin-bottom:0px;
-  align:center; 
+  align:center;
   width:100%;
 }
 
@@ -287,7 +297,7 @@ a.name-header{
 }
 
 .dimension-tooltip:hover{
-  text-decoration: none;  
+  text-decoration: none;
 }
 
 .dimension-tooltip:focus{
diff --git a/src/modules/ImportImage/Ui.js b/src/modules/ImportImage/Ui.js
index 4b8644192c..11d2e42c50 100644
--- a/src/modules/ImportImage/Ui.js
+++ b/src/modules/ImportImage/Ui.js
@@ -8,7 +8,7 @@ module.exports = function ImportImageModuleUi(step, ui) {
 
     // add a file input listener
     var dropZone = '\
-    <div class="dropzone" style="padding: 30px;margin: 10px 20% 30px;border: 4px dashed #ccc;border-radius: 8px;text-align: center;color: #444;" id="' + dropzoneId + '">\
+    <div class="dropzone import-image-zone" id="' + dropzoneId + '">\
           <p>\
         <i>Select or drag in an image to overlay.</i>\
       </p>\