diff --git a/scripts/people.js b/scripts/people.js
index ce102d3..a17ea43 100644
--- a/scripts/people.js
+++ b/scripts/people.js
@@ -54,9 +54,10 @@ class People {
                 <h3>Gender :</h3> 
                 <p>${this.gender}</p>
             </div>            
-
-            <button class="films" value="${this.films}">Voir les films +</button>
-            <div id="detailsFilms${this.index}"></div>
+            <div class="data">
+                <button class="films" value="${this.films}">Voir les films +</button>
+                <div id="detailsFilms${this.index}"></div>
+            </div>
             </div>
         </section>
         `;
diff --git a/scripts/planetes.js b/scripts/planetes.js
index d1c809a..0aa0bef 100644
--- a/scripts/planetes.js
+++ b/scripts/planetes.js
@@ -34,7 +34,7 @@ async function getPlanets() {
               <h3>Rotation :</h3> 
               <p>${ROTATION_PERIOD}</p>
             </div>
-            <div>
+            <div class="data">
               <h3>ORBITAL :</h3>
               <p>${ORBITAL_PERIOD}</p>
               </div>
@@ -212,7 +212,7 @@ function searchPeople() {
             <h3>Rotation :</h3> 
             <p>${results[i].rotation}</p>
           </div>
-          <div>
+          <div class="data">
             <h3>ORBITAL :</h3>
             <p>${results[i].orbital}</p>
             </div>