diff --git a/cms/static/sass/views/_certificates.scss b/cms/static/sass/views/_certificates.scss
index 8ded4e0649..d7f709ab5f 100644
--- a/cms/static/sass/views/_certificates.scss
+++ b/cms/static/sass/views/_certificates.scss
@@ -33,17 +33,30 @@
       @extend %no-content;
     }
 
-    .wrapper-certificate {
+    .wrapper-certificates {
 
       .title {
         @extend %t-title4;
         @extend %t-strong;
-        margin-bottom: ($baseline/2);
       }
 
       .copy {
         @extend %t-copy-sub1;
       }
+
+      .instructions {
+        @extend %t-copy-sub1;
+        margin-bottom: $baseline;
+      }
+    }
+
+    .certificate-settings {
+      margin-bottom: $baseline;
+    }
+
+    .actual-course-title {
+      @extend %t-strong;
+      margin-bottom: $baseline;
     }
   }
 
@@ -205,6 +218,10 @@
 
       .wrapper-form {
         padding: $baseline ($baseline*1.5);
+
+        label {
+          @extend %t-strong;
+        }
       }
 
       .action-add-signatory {
diff --git a/cms/templates/js/certificate-details.underscore b/cms/templates/js/certificate-details.underscore
index fd88b9b9ed..8e9788f7ae 100644
--- a/cms/templates/js/certificate-details.underscore
+++ b/cms/templates/js/certificate-details.underscore
@@ -13,42 +13,48 @@
         </li>
      <% } %>
      <% if (showDetails) { %>
-         <header>
-           <span class="title"><%= gettext("Certificate Details") %></span>
-         </header>
-         <div class='certificate-info-section'>
-             <div class='course-title-section pull-left'>
-                <div class="actual-course-title">
-                        <span class="certificate-label"><b><%= gettext('Course Title') %>: </b> </span>
-                        <span class="certificate-value"><%= course.get('name') %></span>
-                </div>
-                <% if (course_title) { %>
-                    <div class="course-title-override">
-                        <span class="certificate-label"><b><%= gettext('Course Title Override') %>: </b></span>
-                        <span class="certificate-value"><%= course_title %></span>
-                    </div>
-                <% } %>
-             </div>
+         <section class="certificate-settings course-details">
+             <header>
+               <h2 class="title title-2"><%= gettext("Certificate Details") %></h2>
+             </header>
+             <div class='certificate-info-section'>
+                 <div class='course-title-section pull-left'>
+                    <p class="actual-course-title">
+                            <span class="certificate-label"><%= gettext('Course Title') %>: </span>
+                            <span class="certificate-value"><%= course.get('name') %></span>
+                    </p>
+                    <% if (course_title) { %>
+                        <p class="course-title-override">
+                            <span class="certificate-label"><b><%= gettext('Course Title Override') %>: </b></span>
+                            <span class="certificate-value"><%= course_title %></span>
+                        </p>
+                    <% } %>
+                 </div>
 
-            <div class='course-number-section pull-left'>
-                <div class="actual-course-number">
-                        <span class="certificate-label"><b><%= gettext('Course Number') %>: </b> </span>
-                        <span class="certificate-value"><%= course.get('num') %></span>
-                </div>
+                <div class='course-number-section pull-left'>
+                    <p class="actual-course-number">
+                            <span class="certificate-label"><b><%= gettext('Course Number') %>: </b> </span>
+                            <span class="certificate-value"><%= course.get('num') %></span>
+                    </p>
 
-                <% if (course.get('display_course_number')) { %>
-                    <div class="course-number-override">
-                        <span class="certificate-label"><b><%= gettext('Course Number Override') %>: </b></span>
-                        <span class="certificate-value"><%= course.get('display_course_number') %></span>
-                    </div>
-                <% } %>
+                    <% if (course.get('display_course_number')) { %>
+                        <p class="course-number-override">
+                            <span class="certificate-label"><b><%= gettext('Course Number Override') %>: </b></span>
+                            <span class="certificate-value"><%= course.get('display_course_number') %></span>
+                        </p>
+                    <% } %>
+                </div>
             </div>
-        </div>
+        </section>
 
-         <header style='margin-top: 30px;'>
-           <span class="title"><%= gettext("Certificate Signatories") %></span>
-         </header>
-         <div class="signatory-details-list"></div>
+
+        <section class="certificate-settings signatories">
+             <header>
+               <h2 class="title title-2"><%= gettext("Certificate Signatories") %></h2>
+             </header>
+             <p class="instructions">It is strongly recommended that you include four or fewer signatories. If you include additional signatories, preview the certificate in Print View to ensure the certificate will print correctly on one page.</p>
+             <div class="signatory-details-list"></div>
+        </section>
     <% } %>
    </ol>
 
diff --git a/cms/templates/js/certificate-editor.underscore b/cms/templates/js/certificate-editor.underscore
index 0068eba139..6b5a107cf1 100644
--- a/cms/templates/js/certificate-editor.underscore
+++ b/cms/templates/js/certificate-editor.underscore
@@ -19,8 +19,11 @@
                 <textarea id="certificate-description-<%= uniqueId %>" class="certificate-description-input text input-text" name="certificate-description" placeholder="<%= gettext("Description of the certificate") %>" aria-describedby="certificate-description-<%=uniqueId %>-tip"><%= description %></textarea>
                 <span id="certificate-description-<%= uniqueId %>-tip" class="tip tip-stacked"><%= gettext("Description of the certificate") %></span>
             </div>
-            <div class="field text actual-course-title">
-                <label class="actual-course-title"><b><%= gettext("Course Title") %></b></label>
+            <header>
+              <h2 class="title title-2"><%= gettext("Certificate Details") %></h2>
+            </header>
+            <div class="actual-course-title">
+                <span class="actual-course-title"><%= gettext("Course Title") %>: </span>
                 <span class="actual-title"><%= course.get('name') %></span>
             </div>
             <div class="input-wrap field text add-certificate-course-title">
@@ -30,8 +33,9 @@
             </div>
         </fieldset>
          <header>
-            <span class="title"><%= gettext("Certificate Signatories") %></legend>
+            <h2 class="title title-2"><%= gettext("Certificate Signatories") %></h2>
          </header>
+         <p class="instructions">It is strongly recommended that you include four or fewer signatories. If you include additional signatories, preview the certificate in Print View to ensure the certificate will print correctly on one page.</p>
         <div class="signatory-edit-list"> </div>
         <span>
            <button class="action action-add-signatory" type="button"><%= gettext("Add Additional Signatory") %></button>