diff --git a/template/app/view/examples/Index.js b/template/app/view/examples/Index.js
index 0fee1bc4c45b37cac7e82fb4789d45e0853f29f2..d4188705faa0a387b4c75eb35358393ce7889bae 100644
--- a/template/app/view/examples/Index.js
+++ b/template/app/view/examples/Index.js
@@ -23,7 +23,7 @@ Ext.define('Docs.view.examples.Index', {
             Ext.create('Docs.view.examples.List', {
                 store: store
             })
-        ]
+        ];
 
         this.callParent(arguments);
     }
diff --git a/template/app/view/examples/List.js b/template/app/view/examples/List.js
index e782aa79c1cfb2c5298b485d24cd1516d10fafd6..d1b5eb20c34e62b51f311e0adef503fc06a499b2 100644
--- a/template/app/view/examples/List.js
+++ b/template/app/view/examples/List.js
@@ -3,9 +3,7 @@ Ext.define('Docs.view.examples.List', {
     alias: 'widget.samplepanel',
 
     cls          : 'demos',
-    itemSelector : 'dd',
-    trackOver    : true,
-    overItemCls  : 'over',
+    itemSelector : 'dl',
 
     tpl          : Ext.create('Ext.XTemplate',
         '<div id="sample-ct">',
@@ -49,6 +47,22 @@ Ext.define('Docs.view.examples.List', {
          * @param {Ext.EventObject} e
          */
         this.addEvents('exampleclick');
+
+        this.on({
+            'afterrender': function(cmp) {
+                cmp.el.addListener('mouseover', function(evt, el) {
+                    Ext.get(el).addCls('over')
+                }, this, {
+                    delegate: 'dd'
+                });
+                cmp.el.addListener('mouseout', function(evt, el) {
+                    Ext.get(el).removeCls('over')
+                }, this, {
+                    delegate: 'dd'
+                });
+            }
+        })
+
         this.callParent(arguments);
     },