diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 5e32684..e076719 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -407,6 +407,16 @@ li.operation.patch div.content h4 {
   overflow: auto;
 }
 
+.result pre.to-shrink,
+.result pre.to-expand {
+  cursor:pointer;
+}
+
+.result pre.to-expand {
+  height: 1em;
+  overflow:hidden;
+}
+
 .tabs li {
   display: inline;
   float: left;
diff --git a/Resources/views/layout.html.twig b/Resources/views/layout.html.twig
index a1a3949..6afc12b 100644
--- a/Resources/views/layout.html.twig
+++ b/Resources/views/layout.html.twig
@@ -198,6 +198,23 @@
                 e.preventDefault();
             });
 
+            $('.pane.sandbox').delegate('.to-expand, .to-shrink', 'click', function(e) {
+                var $headers = $(this).parents('.result').find('.headers');
+                var $label = $(this).parents('.result').find('a.to-expand');
+
+                if ($headers.hasClass('to-expand')) {
+                    $headers.removeClass('to-expand');
+                    $headers.addClass('to-shrink');
+                    $label.text('Shrink');
+                } else {
+                    $headers.removeClass('to-shrink');
+                    $headers.addClass('to-expand');
+                    $label.text('Expand');
+                }
+
+                e.preventDefault();
+            });
+
             $('.pane.sandbox').on('click', '.add', function() {
                 var html = $(this).parents('.pane').find('.tuple_template').html();
 
diff --git a/Resources/views/method.html.twig b/Resources/views/method.html.twig
index cc616d1..673848e 100644
--- a/Resources/views/method.html.twig
+++ b/Resources/views/method.html.twig
@@ -154,11 +154,11 @@
                 <h4>Request URL</h4>
                 <pre class="url"></pre>
 
+                <h4>Response Headers&nbsp;<small>[<a href="" class="to-expand">Expand</a>]</small></h4>
+                <pre class="headers to-expand"></pre>
+
                 <h4>Response Body&nbsp;<small>[<a href="" class="to-raw">Raw</a>]</small></h4>
                 <pre class="response prettyprint"></pre>
-
-                <h4>Response Headers</h4>
-                <pre class="headers"></pre>
             </div>
         </div>
       </div>