diff --git a/default_theme/section._ b/default_theme/section._
index 5a5e16e2b..d8d6c68e7 100644
--- a/default_theme/section._
+++ b/default_theme/section._
@@ -90,7 +90,7 @@
           <% if (property.properties) { %>
             <ul>
               <% property.properties.forEach(function(property) { %>
-                <li><code><%- name%></code> <%= formatType(property.type) %>
+                <li><code><%- property.name %></code> <%= formatType(property.type) %>
                   <% if (property.default) { %>
                     (default <code><%- property.default %></code>)
                   <% } %>
diff --git a/test/fixture/html/nested.input.js b/test/fixture/html/nested.input.js
index f4f717328..a2c23e8b0 100644
--- a/test/fixture/html/nested.input.js
+++ b/test/fixture/html/nested.input.js
@@ -29,6 +29,15 @@ Klass.prototype.getFoo = function () {
 Klass.prototype.withOptions = function (options, otherOptions) {
 };
 
+/**
+ * @typedef CustomError
+ * @name CustomError
+ * @description a typedef with nested properties
+ * @property {object} error An error
+ * @property {string} error.code The error's code
+ * @property {string} error.description The error's description
+ */
+
 /**
  * Decide whether an object is a Klass instance
  * This is a [klasssic]{@link Klass}
diff --git a/test/fixture/html/nested.output.files b/test/fixture/html/nested.output.files
index 3aa05c120..2add6ae99 100644
--- a/test/fixture/html/nested.output.files
+++ b/test/fixture/html/nested.output.files
@@ -98,6 +98,16 @@
                 </li>
               
                 
+                <li><a
+                  href='#customerror'
+                  class="">
+                  CustomError
+                  
+                </a>
+                
+                </li>
+              
+                
                 <li><a
                   href='#bar'
                   class="">
@@ -793,6 +803,78 @@ k.isArrayOfBuffers();</pre>
   
 
   
+</section>
+
+          
+        
+          
+            <section class='p2 mb2 clearfix bg-white minishadow'>
+
+  
+  <div class='clearfix'>
+    
+    <h3 class='fl m0' id='customerror'>
+      CustomError
+    </h3>
+    
+    
+  </div>
+  
+
+  <p>a typedef with nested properties</p>
+
+
+  <div class='pre p1 fill-light mt0'>CustomError</div>
+
+  
+
+  
+  
+  
+  
+  
+
+  
+
+  
+    <div class='py1 quiet mt1 prose-big'>Properties</div>
+    <div>
+      
+        <div class='space-bottom0'>
+          <span class='code bold'>error</span> <code class='quiet'>(<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object">object</a>)</code>
+          : An error
+
+          
+            <ul>
+              
+                <li><code>error.code</code> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>
+                  
+                  <p>The error's code</p>
+</li>
+              
+                <li><code>error.description</code> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String">string</a>
+                  
+                  <p>The error's description</p>
+</li>
+              
+            </ul>
+          
+        </div>
+      
+    </div>
+  
+
+  
+
+  
+
+  
+
+  
+
+  
+
+  
 </section>