diff --git a/app/assets/stylesheets/marvinjs.scss b/app/assets/stylesheets/marvinjs.scss
index 257d4a965..92d1a2da7 100644
--- a/app/assets/stylesheets/marvinjs.scss
+++ b/app/assets/stylesheets/marvinjs.scss
@@ -164,3 +164,13 @@
   top: -8px;
   width: 32px;
 }
+
+.modal-promo-marvin-js {
+  .modal-header {
+    padding-left: 35px;
+  }
+
+  .modal-body {
+    padding: 15px 35px;
+  }
+}
diff --git a/app/views/shared/_marvinjs_modal.html.erb b/app/views/shared/_marvinjs_modal.html.erb
index 1c9ecaecb..d63b455aa 100644
--- a/app/views/shared/_marvinjs_modal.html.erb
+++ b/app/views/shared/_marvinjs_modal.html.erb
@@ -29,7 +29,7 @@
     </div>
   </div>
 <% else %>
-  <div class="modal" id="MarvinJsPromoModal" tabindex="-1" role="dialog">
+  <div class="modal modal-promo-marvin-js" id="MarvinJsPromoModal" tabindex="-1" role="dialog">
     <div class="modal-dialog" role="document">
       <div class="modal-content">
         <div class="modal-header">