diff --git a/app/assets/stylesheets/dmpopidor.scss b/app/assets/stylesheets/dmpopidor.scss
index 145305e..b1b4f87 100644
--- a/app/assets/stylesheets/dmpopidor.scss
+++ b/app/assets/stylesheets/dmpopidor.scss
@@ -437,6 +437,23 @@
     /* 
         PLAN EDIT
     */
+    .write-plan {
+        &.panel-body {
+            padding: 15px 5px;
+        }
+        &.panel-body, .section-content {
+            background-color: $very-very-light-blue;
+        }
+        .research-output-content{
+            background-color: $white;
+            border: 1px solid $blue;
+            border-top-color: transparent;
+        }
+        .question {
+            margin-left: 0px;
+            margin-right: 0px;
+        }
+    }
     // Progress bar 
     .progress-bar {
         background-color: $blue;
@@ -511,7 +528,7 @@
             border: none;
         }
         .section-title {
-            background-color: $white;
+            background-color: $very-very-light-blue;
             h2 {
                 font-weight: 700;
             }
@@ -524,7 +541,14 @@
 
     // Questions
     .question-text {
-        background-color: $blue;
+        background-color: $white;
+        color: $dark-blue;
+        border-bottom: 2px solid $dark-blue;
+        border-right: 2px solid $dark-blue;
+        .panel-title {
+            color: $dark-blue;
+            font-weight: bold;
+        }
     }
     .question-body{
         padding: 15px 0;
diff --git a/app/javascript/views/madmp_fragments/edit.js b/app/javascript/views/madmp_fragments/edit.js
index c21292c..187ae57 100644
--- a/app/javascript/views/madmp_fragments/edit.js
+++ b/app/javascript/views/madmp_fragments/edit.js
@@ -55,4 +55,10 @@
     const fragmentId = target.find('.fragment-id').val();
     target.find('.answer-form').html(`<input type="hidden" name="fragment-id" id="fragment-id" value="${fragmentId}" class="fragment-id">`);
   });
+
+  $('body').on('click', '.question .heading-button', (e) => {
+    $(e.currentTarget)
+      .find('i.fa-chevron-right, i.fa-chevron-down')
+      .toggleClass('fa-chevron-right fa-chevron-down');
+  });
 });
diff --git a/app/views/branded/phases/_edit_plan_answers.html.erb b/app/views/branded/phases/_edit_plan_answers.html.erb
index 671d27b..60bcc73 100644
--- a/app/views/branded/phases/_edit_plan_answers.html.erb
+++ b/app/views/branded/phases/_edit_plan_answers.html.erb
@@ -82,7 +82,7 @@
                         <div class="panel-title pull-left">
                           <%= sanitize(question.text) %> 
                         </div>
-                        <i class="fa fa-plus pull-right" aria-hidden="true"></i>
+                        <i class="fa fa-chevron-right pull-right" aria-hidden="true"></i>
                         <div class="clearfix"></div>
                       </div>
                     </div>
diff --git a/app/views/branded/plans/_navigation.html.erb b/app/views/branded/plans/_navigation.html.erb
index 2b776d1..341aaeb 100644
--- a/app/views/branded/plans/_navigation.html.erb
+++ b/app/views/branded/plans/_navigation.html.erb
@@ -32,10 +32,11 @@
     </li>
   <% end %>
 </ul>
+<% write_plan_class = active_page?(edit_plan_path) ? "write-plan" : ""%>
 <div class="tab-content">
   <div id="content" role="tabpanel" class="tab-pane active">
     <div class="panel panel-default">
-      <div class="panel-body">
+      <div class="panel-body <%= write_plan_class %> ">
         <%= yield %>
       </div>
     </div>