diff --git a/docs/src/components/code-block.vue b/docs/src/components/code-block.vue
index e5787be..838232e 100644
--- a/docs/src/components/code-block.vue
+++ b/docs/src/components/code-block.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="code-block" :data-lang="lang">
-    <div class="code-block-wrapper">
+    <div class="code-block-wrapper" :style="{ 'max-height': height }">
       <pre><code :class="lang" ref="block"><slot></slot></code></pre>
 
       <span class="copied" :class="{ 'active': showMessage }">Copied!</span>
@@ -168,7 +168,10 @@
   highlight.registerLanguage('javascript', highlightJS);
 
   export default {
-    props: ['lang'],
+    props: {
+      lang: String,
+      height: [Number, String]
+    },
     data: () => ({
       showMessage: false
     }),
diff --git a/docs/src/pages/components/Toolbar.vue b/docs/src/pages/components/Toolbar.vue
index 567ca60..fd305fc 100644
--- a/docs/src/pages/components/Toolbar.vue
+++ b/docs/src/pages/components/Toolbar.vue
@@ -47,7 +47,7 @@
         </api-table>
 
         <api-table name="md-account-header">
-          <code-block lang="xml">
+          <code-block lang="xml" height="none">
             &lt;md-toolbar class=&quot;md-account-header&quot;&gt;
               &lt;md-list class=&quot;md-transparent&quot;&gt;
                 &lt;md-list-item class=&quot;md-avatar-list&quot;&gt;