diff --git a/addons/document_page/document_page.py b/addons/document_page/document_page.py
index 486835aeab0..7304e2e9075 100644
--- a/addons/document_page/document_page.py
+++ b/addons/document_page/document_page.py
@@ -33,10 +33,9 @@ class document_page(osv.osv):
         index = []
         for subpage in page.child_ids:
             index += ["<li>"+ self._get_page_index(cr, uid, subpage) +"</li>"]
+        r = '<a href="#id=%s">%s</a>'%(page.id,page.name)
         if index:
-            r = "<ul>" + "".join(index) + "</ul>"
-        else:
-            r = '<a href="#id=%s">%s</a>'%(page.id,page.name)
+            r += "<ul>" + "".join(index) + "</ul>"
         return r
 
     def _get_display_content(self, cr, uid, ids, name, args, context=None):
diff --git a/addons/document_page/document_page_view.xml b/addons/document_page/document_page_view.xml
index 53ae52818a8..fe890c0c6b8 100644
--- a/addons/document_page/document_page_view.xml
+++ b/addons/document_page/document_page_view.xml
@@ -60,7 +60,9 @@
                         This will be used as template content for all new page of this section.
                     </div>
                     <field name="content" placeholder="e.g. Once upon a time..." class="oe_edit_only"/>
-                    <field name="display_content" widget="html" class="oe_view_only"/>
+                    <div class="oe_document_page">
+                        <field name="display_content" widget="html" class="oe_view_only"/>
+                    </div>
                 </form>
             </field>
         </record>
diff --git a/addons/document_page/static/src/css/document_page.css b/addons/document_page/static/src/css/document_page.css
index e932039bed6..5522e05efcf 100644
--- a/addons/document_page/static/src/css/document_page.css
+++ b/addons/document_page/static/src/css/document_page.css
@@ -2,4 +2,9 @@
     display: none;
 }
 
+.oe_document_page li {
+    padding: 2px 0 2px 4px;
+    list-style-type: circle;
+}
+