diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index e0b5dd9..0d30148 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -117,13 +117,16 @@
     </div>
 
     <!-- Credits -->
-    <div
-      class="credits"
-      v-for="(edge,index) in $page.credits.edges.slice().reverse()"
-      :key="'credits'+edge.node.id"
-    >
-      <h4>{{ edge.node.role }}</h4>
-      <VueMarkdown lang="fr" class="section-content">{{ edge.node.nom }}</VueMarkdown>
+    <div class="credits canbreak">
+      <h3 class="section-title">Crédits</h3>
+      <div
+        class="credit"
+        v-for="(edge,index) in $page.credits.edges.slice().reverse()"
+        :key="'credits'+edge.node.id"
+      >
+        <h4>{{ edge.node.role }}</h4>
+        <VueMarkdown lang="fr" class="section-content">{{ edge.node.nom }}</VueMarkdown>
+      </div>
     </div>
 
     <div class="blank-page no-folio fill-green" />