diff --git a/app/assets/stylesheets/_consul_settings.scss b/app/assets/stylesheets/_consul_settings.scss
index 4a083bb62..9e8af3615 100644
--- a/app/assets/stylesheets/_consul_settings.scss
+++ b/app/assets/stylesheets/_consul_settings.scss
@@ -65,6 +65,9 @@ $alert-bg:          #f2dede;
 $alert-border:      #ebccd1;
 $color-alert:       #a94442;
 
+$pdf-primary:       #0300ff;
+$pdf-secondary:     #ff9e00;
+
 // 2. Foundation settings overrides
 // ---------------------------------
 
diff --git a/app/assets/stylesheets/dashboard.scss b/app/assets/stylesheets/dashboard.scss
index 85bced319..5d588682c 100644
--- a/app/assets/stylesheets/dashboard.scss
+++ b/app/assets/stylesheets/dashboard.scss
@@ -425,7 +425,7 @@
 .dashboard-mail-preview {
 
   .mail-header {
-    background: #0300ff;
+    background: $pdf-primary;
     color: #fff;
     padding: $line-height;
 
@@ -461,7 +461,7 @@
 .dashboard-poster-preview,
 .dashboard-poster-pdf {
   .poster-header {
-    background: #0300ff;
+    background: $pdf-primary;
     color: #fff;
     h1 {
       color: #fff;
@@ -474,7 +474,7 @@
     position: relative;
 
     &::before {
-      background: #ff9e00;
+      background: $pdf-secondary;
       content: '';
       position: absolute;
     }
@@ -508,7 +508,7 @@
 
       .curly-quotes:before,
       .curly-quotes:after {
-        color: #0300ff;
+        color: $pdf-primary;
         display: inline-block;
         vertical-align: top;
         height:  rem-calc(18);
@@ -530,7 +530,7 @@
     }
 
     h3 {
-      color: #0300ff;
+      color: $pdf-primary;
       display: inline;
     }
 
@@ -550,7 +550,7 @@
 .dashboard-poster-preview {
 
   .preview-width {
-    width: 661px;
+    width: rem-calc(661);
   }
 
   .poster-header {
diff --git a/app/views/dashboard/poster/index.html.erb b/app/views/dashboard/poster/index.html.erb
index 8d2882268..bc34812e6 100644
--- a/app/views/dashboard/poster/index.html.erb
+++ b/app/views/dashboard/poster/index.html.erb
@@ -13,7 +13,6 @@
         <p class="text-center">
           <strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong>
         </p>
-
         <div class="proposal-image">
           <% if proposal.image.present? %>
             <div class="overflow-image" style="background-image: url(<%= asset_url proposal.image.attachment.url(:large) %>);"></div>
@@ -21,16 +20,13 @@
             <div class="overflow-image" style="background-image: url(<%= asset_url "default_mailing.jpg"%>);"></div>
           <% end %>
         </div>
-
         <div class="poster-content">
           <h2><%= t("dashboard.poster.index.support") %></h2>
-
             <div class="quote">
               <blockquote class="curly-quotes">
                 <h3><%= proposal.title %></h3>
               </blockquote>
             </div>
-
           <p class="poster-footer"><%= t("dashboard.poster.index.footer").html_safe %></p>
         </div>
       </div>
diff --git a/app/views/dashboard/poster/index.pdf.erb b/app/views/dashboard/poster/index.pdf.erb
index b5598d087..04f52b884 100644
--- a/app/views/dashboard/poster/index.pdf.erb
+++ b/app/views/dashboard/poster/index.pdf.erb
@@ -14,14 +14,12 @@
       <%= wicked_pdf_image_tag("finger.png") %>
       <%= t("dashboard.poster.index.poster_subtitle") %>
     </h1>
-
     <p class="intro">
       <%= t("dashboard.poster.index.intro_text").html_safe %>
     </p>
     <p class="text-center proposal_code">
       <strong><%= t("dashboard.poster.index.proposal_code", code: proposal.code) %></strong>
     </p>
-
     <div class="proposal-image">
       <% if proposal.image.present? %>
         <div class="overflow-image" style="background-image:url('<%= "file://#{Rails.root.join('app','assets', proposal.image.attachment.url(:large), )}" %>');"></div>
@@ -31,7 +29,6 @@
         <%#= wicked_pdf_image_tag "default_mailing.jpg" %>
       <% end %>
     </div>
-
     <div class="poster-content">
       <h2 class="text-center"><%= t("dashboard.poster.index.support") %></h2>
       <div class="quote">