diff --git a/assets/javascripts/wizard/initializers/custom.js.es6 b/assets/javascripts/wizard/initializers/custom.js.es6
index f7770e18..5c381ca4 100644
--- a/assets/javascripts/wizard/initializers/custom.js.es6
+++ b/assets/javascripts/wizard/initializers/custom.js.es6
@@ -32,6 +32,8 @@ export default {
     });
 
     WizardStep.reopen({
+      classNameBindings: ['step.id'],
+
       showQuitButton: function() {
         const index = this.get('step.index');
         const required = this.get('wizard.required');
diff --git a/assets/javascripts/wizard/routes/custom.js.es6 b/assets/javascripts/wizard/routes/custom.js.es6
index 7faeed35..0bcf8901 100644
--- a/assets/javascripts/wizard/routes/custom.js.es6
+++ b/assets/javascripts/wizard/routes/custom.js.es6
@@ -19,6 +19,7 @@ export default Ember.Route.extend({
     const background = model ? model.get('background') : 'AliceBlue';
     Ember.run.scheduleOnce('afterRender', this, function(){
       $('body.custom-wizard').css('background', background);
+      $('#custom-wizard-main').addClass(model.get('id').dasherize());
     });
 
     controller.setProperties({
diff --git a/assets/stylesheets/wizard/wizard_custom.scss b/assets/stylesheets/wizard/wizard_custom.scss
index 8b891d13..f8c00a62 100644
--- a/assets/stylesheets/wizard/wizard_custom.scss
+++ b/assets/stylesheets/wizard/wizard_custom.scss
@@ -14,6 +14,10 @@
       margin-right: 7px;
     }
 
+    .image-container {
+      margin: 10px 0;
+    }
+
     img.large {
       width: 250;
       padding: 25px;;
@@ -186,3 +190,15 @@
     transform: rotate(360deg);
   }
 }
+
+// 3rd party styles TO BE REMOVED / REFACTORED
+
+#custom-wizard-main.place-petition {
+  .wizard-step.intro .image-container {
+    margin: 30px 0;
+
+    img {
+      padding: 20px 40px;
+    }
+  }
+}