diff --git a/client/public/libs/style.css b/client/public/libs/style.css
index b81fe0f..5eb19d0 100644
--- a/client/public/libs/style.css
+++ b/client/public/libs/style.css
@@ -60,4 +60,7 @@
     direction: ltr;
     -webkit-font-feature-settings: 'liga';
     -webkit-font-smoothing: antialiased;
+}
+body{
+    background: url('/img/bg1.png') center center fixed repeat;
 }
\ No newline at end of file
diff --git a/client/src/components/spells/spells-list.vue b/client/src/components/spells/spells-list.vue
index 981a2c3..cbdb88b 100644
--- a/client/src/components/spells/spells-list.vue
+++ b/client/src/components/spells/spells-list.vue
@@ -38,7 +38,7 @@ export default {
             this.loading = true
             const displaySpells = await this.fetchSpells();
             this.loading = false
-            this.spells = displaySpells
+            this.spells = displaySpells.slice(0,10)
         }
     }
 }
diff --git a/client/src/pages/index-page.vue b/client/src/pages/index-page.vue
index 6d87887..fdb289f 100644
--- a/client/src/pages/index-page.vue
+++ b/client/src/pages/index-page.vue
@@ -2,10 +2,10 @@
   <div class="container-fluid" id="index-container">
     <section class="fullpage">
       <div class="px-4">
-        <div class="display-2 text-dark mb-4 font-display" style="line-height:100%;font-weight:900;">"C'est magique, ta gueule."</div>
+        <div class="text-dark mb-4 font-display line-height-100 font-weight-900" style="font-size:96px;">"C'est magique, ta gueule."</div>
         <div class="lead font-display font-weight-bold">— N'importe quel MJ, une fois dans sa vie</div>
         <hr class="w-50">
-        <div class="lead"><span class="font-display" style="font-weight:700;">Auracle</span> est une base de données publique en ligne pour sortilèges, en soutien au jeu de rôle sur table <span class="font-weight-bold text-secondary">Wunderwelt</span>.</div>
+        <div class="lead"><span class="font-display" style="font-weight:700;">Auracle</span> est une base de données publique en ligne pour sortilèges, en soutien au jeu de rôle sur table <span class="font-weight-bold text-secondary">Leïm</span>.</div>
         <!--<a class="mt-4 btn btn-primary btn-lg font-display text-uppercase" href="/register" role="button" style="font-weight:800;">Create a free account</a>-->
       </div>
     </section>
@@ -25,7 +25,4 @@ export default {
     justify-content: center;
     align-items: center;
   }
-  #index-container{
-    background: url('/img/bg1.png') center center fixed repeat;
-  }
 </style>
\ No newline at end of file
diff --git a/client/src/pages/spells-page.vue b/client/src/pages/spells-page.vue
index 2a7ecdc..e497d1d 100644
--- a/client/src/pages/spells-page.vue
+++ b/client/src/pages/spells-page.vue
@@ -16,8 +16,4 @@
   }
 </script>
 
-<style lang="scss">
-  #spell-container{
-    background: url('/img/bg1.png') center center fixed repeat;
-  }
-</style>
\ No newline at end of file
+<style lang="scss"></style>
\ No newline at end of file