diff --git a/app/views/phases/_overview.html.erb b/app/views/phases/_overview.html.erb
new file mode 100644
index 0000000..09ef753
--- /dev/null
+++ b/app/views/phases/_overview.html.erb
@@ -0,0 +1,25 @@
+<%# locals: { phase } %>
+<div class="row">
+  <div class="col-xs-12">
+    <h4><%= _('Instructions') %></h4>
+    <p class="text-justify">
+      <%= raw(phase.description) %>
+    </p>
+  </div>
+</div>
+<div class="row">
+  <div class="col-xs-12">
+    <ul class="list-unstyled">
+      <% phase.sections.each do |s| %>
+        <li class="mb-5">
+          <%= s.title %>
+          <ul>
+            <% s.questions.each do |q| %>
+              <li><%= raw(q.text) %></li>
+            <% end %>
+          </ul>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/views/plans/_overview_details.html.erb b/app/views/plans/_overview_details.html.erb
index 0299fa9..af41f9f 100644
--- a/app/views/plans/_overview_details.html.erb
+++ b/app/views/plans/_overview_details.html.erb
@@ -15,54 +15,35 @@
 </div>
 <div class="row">
   <div class="col-xs-12">
-    <div class="panel-group" id="plan-overview-accordion" role="tablist" aria-multiselectable="true">
-      <% plan.template.phases.each do |p| %>
-        <div class="panel panel-default">
-          <div class="panel-heading" role="tab" id="plan-overview-heading-<%= p.id %>">
-            <div class="panel-title">
-              <div class="pull-left">
-                <%= _("%{phase_title} (%{sections_size} %{sections}, %{questions_size} %{questions})") % {
-                  :phase_title => p.title, :sections_size => p.sections.size, :sections => n_('section', 'sections', p.sections.size),
-                  :questions_size => p.questions.size, :questions => n_('question', 'questions', p.questions.size) } %>
+    <% if plan.template.phases.size == 1 %>
+      <%= render(partial: '/phases/overview', locals: { phase: plan.template.phases.first }) %>
+    <% else %>
+      <div class="panel-group" id="plan-overview-accordion" role="tablist" aria-multiselectable="true">
+        <% plan.template.phases.each do |p| %>
+          <div class="panel panel-default">
+            <div class="panel-heading" role="tab" id="plan-overview-heading-<%= p.id %>">
+              <div class="panel-title">
+                <div class="pull-left">
+                  <%= _("%{phase_title} (%{sections_size} %{sections}, %{questions_size} %{questions})") % {
+                    :phase_title => p.title, :sections_size => p.sections.size, :sections => n_('section', 'sections', p.sections.size),
+                    :questions_size => p.questions.size, :questions => n_('question', 'questions', p.questions.size) } %>
+                </div>
+                <div class="pull-right">
+                  <%= link_to(raw('<i class="fa fa-plus" aria-hidden="true"></i>'), "#plan-overview-collapse-#{p.id}",
+                    role: 'button', 'data-toggle': 'collapse', 'data-parent': 'plan-overview-accordion',
+                    'aria-extended': false, 'aria-controls': "#plan-overview-collapse-#{p.id}") %>
+                </div>
+                <div class="clearfix"></div>
               </div>
-              <div class="pull-right">
-                <%= link_to(raw('<i class="fa fa-plus" aria-hidden="true"></i>'), "#plan-overview-collapse-#{p.id}",
-                  role: 'button', 'data-toggle': 'collapse', 'data-parent': 'plan-overview-accordion',
-                  'aria-extended': false, 'aria-controls': "#plan-overview-collapse-#{p.id}") %>
-              </div>
-              <div class="clearfix"></div>
             </div>
-          </div>
-          <div id="plan-overview-collapse-<%= p.id %>" class="panel-collapse collapse" role="tabpanel" aria-labelledby="plan-overview-heading-<%= p.id %>">
-            <div class="panel-body">
-              <div class="row">
-                <div class="col-xs-12">
-                  <h4><%= _('Instructions') %></h4>
-                  <p class="text-justify">
-                    <%= raw(p.description) %>
-                  </p>
-                </div>
-              </div>
-              <div class="row">
-                <div class="col-xs-12">
-                  <ul class="list-unstyled">
-                    <% p.sections.each do |s| %>
-                      <li>
-                        <%= s.title %>
-                        <ul>
-                          <% s.questions.each do |q| %>
-                            <li><%= raw(q.text) %></li>
-                          <% end %>
-                        </ul>
-                      </li>
-                    <% end %>
-                  </ul>
-                </div>
+            <div id="plan-overview-collapse-<%= p.id %>" class="panel-collapse collapse" role="tabpanel" aria-labelledby="plan-overview-heading-<%= p.id %>">
+              <div class="panel-body">
+                <%= render(partial: '/phases/overview', locals: { phase: p }) %>
               </div>
             </div>
           </div>
-        </div>
-      <% end %>
-    </div>
+        <% end %>
+      </div>
+    <% end %>
   </div>
 </div>
\ No newline at end of file
diff --git a/lib/assets/stylesheets/application.scss b/lib/assets/stylesheets/application.scss
index 66b416b..54c93c8 100644
--- a/lib/assets/stylesheets/application.scss
+++ b/lib/assets/stylesheets/application.scss
@@ -15,3 +15,6 @@
 [class^="bg-"] {
     padding: 15px;
 }
+.mb-5 {
+  margin-bottom: 5px;
+}