diff --git a/src/static/includes/components/_preview-book-archive.html b/src/static/includes/components/_preview-book-archive.html
index 2122a08..bef3dca 100644
--- a/src/static/includes/components/_preview-book-archive.html
+++ b/src/static/includes/components/_preview-book-archive.html
@@ -6,8 +6,8 @@
           <h1 class="card-header">Roman générique osef</h1>
           <div class="preview-metadata">
             <div class="metadata-pills">
-              <div class="align-right"><time><span class="chip chip-grey">27/02/2017</span></time></div>
-              <div class="align-left"><span class="chip chip-grey">video</span></div>
+              <div class="align-right"><time><span class="badge badge-grey">27/02/2017</span></time></div>
+              <div class="align-left"><span class="badge badge-grey">video</span></div>
             </div>
             <div class="comment-text">500 Chapitres (archivé)</div>
           </div>
diff --git a/src/static/includes/components/_preview-book-termine.html b/src/static/includes/components/_preview-book-termine.html
index ed0a2df..88d53c3 100644
--- a/src/static/includes/components/_preview-book-termine.html
+++ b/src/static/includes/components/_preview-book-termine.html
@@ -6,8 +6,8 @@
           <h1 class="card-header">Roman générique osef</h1>
           <div class="preview-metadata">
             <div class="metadata-pills">
-              <div class="align-right"><time><span class="chip chip-info">27/02/2017</span></time></div>
-              <div class="align-left"><span class="chip chip-info">video</span></div>
+              <div class="align-right"><time><span class="badge badge-info">27/02/2017</span></time></div>
+              <div class="align-left"><span class="badge badge-info">video</span></div>
             </div>
             <div class="comment-text">500 Chapitres (complet)</div>
           </div>
diff --git a/src/static/includes/components/_preview-book.html b/src/static/includes/components/_preview-book.html
index 803bd75..a72fe98 100644
--- a/src/static/includes/components/_preview-book.html
+++ b/src/static/includes/components/_preview-book.html
@@ -6,8 +6,8 @@
           <h1 class="card-header">Roman générique osef</h1>
           <div class="preview-metadata">
             <div class="metadata-pills">
-              <div class="align-right"><time><span class="chip chip-primary">27/02/2017</span></time></div>
-              <div class="align-left"><span class="chip chip-primary">video</span></div>
+              <div class="align-right"><time><span class="badge badge-primary">27/02/2017</span></time></div>
+              <div class="align-left"><span class="badge badge-primary">video</span></div>
             </div>
             <div class="comment-text">12 Chapitres (en cours)</div>
           </div>
diff --git a/src/static/includes/components/_preview-image.html b/src/static/includes/components/_preview-image.html
index bba150a..ccb1141 100644
--- a/src/static/includes/components/_preview-image.html
+++ b/src/static/includes/components/_preview-image.html
@@ -6,8 +6,8 @@
           <h1 class="card-header">Exemple titre</h1>
           <div class="preview-metadata">
             <div class="metadata-pills">
-              <div class="align-right"><time><span class="chip chip-primary">27/02/2017</span></time></div>
-              <div class="align-left"><span class="chip chip-primary">video</span></div>
+              <div class="align-right"><time><span class="badge badge-primary">27/02/2017</span></time></div>
+              <div class="align-left"><span class="badge badge-primary">video</span></div>
             </div>
             <div class="comment-text">3 commentaires</div>
           </div>
diff --git a/src/static/includes/components/_preview-text.html b/src/static/includes/components/_preview-text.html
index ba198b4..88a2d7b 100644
--- a/src/static/includes/components/_preview-text.html
+++ b/src/static/includes/components/_preview-text.html
@@ -6,8 +6,8 @@
           <h1 class="card-header">Exemple titre</h1>
           <div class="preview-metadata">
             <div class="metadata-pills">
-              <div><span class="chip chip-primary">video</span></div>
-              <div><time><span class="chip chip-primary">27/02/2017</span></time></div>
+              <div><span class="badge badge-primary">video</span></div>
+              <div><time><span class="badge badge-primary">27/02/2017</span></time></div>
             </div>
             <div class="comment-text">3 commentaires</div>
           </div>