diff --git a/content/templates/_components/aov-typography/typography.pug b/content/templates/_components/aov-typography/typography.pug
index 05d83cab..2e9b544a 100755
--- a/content/templates/_components/aov-typography/typography.pug
+++ b/content/templates/_components/aov-typography/typography.pug
@@ -1,12 +1,12 @@
 - var shortContent = 'Lorem ipsum dolor sit amet';
 - var longContent = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. '.repeat(5).trim()
 - var samples = [];
-- samples.push({name: 'Content heading 1', code: '<h1>' + shortContent + '</h1>', extraClass: contentClass})
-- samples.push({name: 'Content heading 2',code: '<h2>' + shortContent + '</h2>', extraClass: contentClass})
-- samples.push({name: 'Content heading 3', code: '<h3>' + shortContent + '</h3>', extraClass: contentClass})
-- samples.push({name: 'Content heading 4', code: '<h4>' + shortContent + '</h4>', extraClass: contentClass})
-- samples.push({name: 'Content heading text', code: '<p>' + longContent + '</p>', extraClass: contentClass})
-- samples.push({name: 'Blockquote', code: '<blockquote>' + longContent + '</blockquote>', extraClass: contentClass})
+- samples.push({name: 'Content heading 1', code: '<h1>' + shortContent + '</h1>'})
+- samples.push({name: 'Content heading 2',code: '<h2>' + shortContent + '</h2>'})
+- samples.push({name: 'Content heading 3', code: '<h3>' + shortContent + '</h3>'})
+- samples.push({name: 'Content heading 4', code: '<h4>' + shortContent + '</h4>'})
+- samples.push({name: 'Content heading text', code: '<p>' + longContent + '</p>'})
+- samples.push({name: 'Blockquote', code: '<blockquote>' + longContent + '</blockquote>'})
 
 table
     each sample in samples