diff --git a/codeigniter/application/views/album_musics.php b/codeigniter/application/views/album_musics.php
index 1b70cc6..8782e67 100644
--- a/codeigniter/application/views/album_musics.php
+++ b/codeigniter/application/views/album_musics.php
@@ -3,14 +3,14 @@
     <?php foreach ($musics as $music): ?>
         <div>
             <article>
-                <ul>
+                <ul class="musics-album">
                     <li><?= $music->songName ?></li>
                     <li>Durée: <?= $music->trackDuration ?> secondes</li>
-                    <form action="<?= site_url('playlist/choose_playlist/' . $music->songId) ?>" method="get">
-                        <button type="submit">Ajouter à la Playlist</button>
-                    </form>
                 </ul>
+                    <form action="<?= site_url('playlist/choose_playlist/' . $music->songId) ?>" method="get">
+                        <button class='ajout-album-list'type="submit">Ajouter à la Playlist</button>
+                    </form>
             </article>
         </div>
     <?php endforeach; ?>
-</section>
\ No newline at end of file
+</section>
diff --git a/codeigniter/application/views/albums_list.php b/codeigniter/application/views/albums_list.php
index 5f37597..299b0ed 100644
--- a/codeigniter/application/views/albums_list.php
+++ b/codeigniter/application/views/albums_list.php
@@ -39,7 +39,7 @@ foreach($albums as $album){
     echo "<div><article>";
     echo "<header class='short-text'>";
     echo anchor("music/view/{$album->id}", "{$album->name}");
-    echo "<button class='ajout' onclick=\"location.href='" . site_url("playlist/choix_playlist/{$album->id}") . "'\">Ajouter</button>";
+    echo "<button class='ajout-albums' onclick=\"location.href='" . site_url("playlist/choix_playlist/{$album->id}") . "'\">Ajouter</button>";
     echo "</header>";
     echo '<img src="data:image/jpeg;base64,'.base64_encode($album->jpeg).'" />';
     echo "<footer class='short-text'>{$album->year} - {$album->artistName}</footer>
diff --git a/codeigniter/application/views/artistes_list.php b/codeigniter/application/views/artistes_list.php
index 2197253..479d738 100644
--- a/codeigniter/application/views/artistes_list.php
+++ b/codeigniter/application/views/artistes_list.php
@@ -53,7 +53,7 @@ foreach ($artistAlbums as $artistName => $albums) {
     echo "<ul>";
     foreach ($albums as $album) {
         echo "<li>" . anchor("music/view/{$album['albumId']}", $album['albumName']) . " - " . $album['year'] . "</li>";
-        echo "<button onclick=\"location.href='" . site_url("playlist/choix_playlist/{$album['albumId']}") . "'\">Ajouter toutes les chansons à la Playlist</button>";
+        echo "<button class='ajout-artistes' onclick=\"location.href='" . site_url("playlist/choix_playlist/{$album['albumId']}") . "'\">Ajouter</button>";
     }
     echo "</ul>";
     echo "</article></div>";
diff --git a/codeigniter/assets/style.css b/codeigniter/assets/style.css
index 01a71ed..5f69aaf 100644
--- a/codeigniter/assets/style.css
+++ b/codeigniter/assets/style.css
@@ -17,7 +17,7 @@ section.list img {
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	display: grid;
-	grid-template-columns: 200px 5px auto;
+	grid-template-columns: 200px auto;
 	grid-template-rows: auto auto;
 	justify-content: space-between;
 }
@@ -242,8 +242,27 @@ margin-left: 50px;
 }
 /* bouton ajouter sur les albums et musique */
 
-.ajout {
+.ajout-albums {
     padding: 0;
-    grid-column: 3/4;
+    margin-top: 5px;
+    grid-column: 2/3;
+    grid-row: 2/3;
+}
+
+.ajout-artistes {
+    padding: 0;
+    margin-bottom: 20px;
+    grid-column: 2/3;
+    grid-row: 2/3;
+}
+
+.ajout-album-list {
+    padding: 0;
+    margin-top: 10px;
+    grid-column: 2/3;
+    grid-row: 2/3;
+}
+
+.musics-album {
+    margin-bottom: 0;
 }
-