diff --git a/app/assets/javascripts/legislation.js.coffee b/app/assets/javascripts/legislation.js.coffee
index 26c0185c1..cf2dfabd1 100644
--- a/app/assets/javascripts/legislation.js.coffee
+++ b/app/assets/javascripts/legislation.js.coffee
@@ -4,6 +4,11 @@ App.Legislation =
     $('#js-toggle-debate').on
       click: ->
         $('#debate-info').toggle()
+        
+    $('#js-toggle-small-debate').on
+      click: ->
+        $('#debate-info').toggle()
+        $('span').toggleClass('icon-angle-up')
 
     $('form#new_legislation_answer input.button').hide()
     $('form#new_legislation_answer input[type=radio]').on
@@ -17,7 +22,4 @@ App.Legislation =
 
     $('#js-toggle-legislation-process-header').on
       click: ->
-        $('[data-target="legislation-header-small"]').toggle()
         $('[data-target="legislation-header-full"]').toggle()
-
-
diff --git a/app/assets/stylesheets/legislation_process.scss b/app/assets/stylesheets/legislation_process.scss
index 201d83fcb..ba506dc37 100644
--- a/app/assets/stylesheets/legislation_process.scss
+++ b/app/assets/stylesheets/legislation_process.scss
@@ -447,8 +447,18 @@ $epigraph-font-size: rem-calc(15);
 
   .button-circle {
     line-height: 0;
-    padding: 0.5em;
+    padding: 0em;
+    width: 30px;
+    height: 30px;
     border-radius: 50%;
+    
+    span {
+      padding-left: 1px;
+      
+      &:before {
+        line-height: 1.55;
+      }
+    }
   }
 
   .icon-checkmark-circle {
diff --git a/app/views/legislation/processes/_header.html.erb b/app/views/legislation/processes/_header.html.erb
index 5d18217bc..b59969b81 100644
--- a/app/views/legislation/processes/_header.html.erb
+++ b/app/views/legislation/processes/_header.html.erb
@@ -11,8 +11,17 @@
         </a>
       </div>
     </div>
+    
+    <div class="row description">
+      <div id="debate-info" style="display: none" class="small-12 column">
+        <div class="debate-info-wrapper">
+          <%= markdown process.additional_info if process.additional_info %>
+        </div>
+      </div>
+    </div>
+    
     <div class="center half-gradient">
-      <a class="button big center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-legislation-process-header">
+      <a class="button big center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-small-debate">
         <span class="icon-angle-down" aria-hidden="true"></span>
       </a>
     </div>