diff --git a/html/news.php b/html/news.php
index a19d3bf6..c0754337 100644
--- a/html/news.php
+++ b/html/news.php
@@ -77,7 +77,7 @@ if (filter_var($_GET['article'], FILTER_VALIDATE_INT)) {
                             if ($resultat) {
                                 foreach($resultat as $row) {
                                     $date = strtotime($row['date']);
-                                    echo "<div class='article-preview'><hr>";
+                                    echo "<hr><div class='article-preview'>";
                                     echo "<a href='?article=" . $row['ID'] . "' class='article-link'>";
                                     echo "<div class='article-titre'>" . $row['titre'] . "</div></a>";
                                     echo "<div class='article-date'>" . date('d/m/Y', $date) . "</div></div>";
diff --git a/html/src/css/style.css b/html/src/css/style.css
index 784f5946..6ac0a5e9 100644
--- a/html/src/css/style.css
+++ b/html/src/css/style.css
@@ -122,6 +122,10 @@ a {
     font-size: 3em;
 }
 
+.article-preview {
+    padding: 0.5em;
+}
+
 .article-link {
     color: var(--text);
 }
@@ -131,14 +135,6 @@ a {
     padding: 0.3em 0;
 }
 
-.article-auteur {
-
-}
-
-.article-classification {
-
-}
-
 .article-date {
     font-size: 0.8em;
 }
@@ -147,24 +143,24 @@ a {
 
 }
 
-.article .article-auteur {
+.article-info .article-auteur {
     float: right;
 }
 
-.article .article-classification {
+.article-info .article-classification {
     padding: 1em 0;
     font-size: 1.3em;
 }
 
-.article .article-date {
+.article-info .article-date {
 
 }
 
-.article .article-titre {
+.article-info .article-titre {
     font-size: 2em;
 }
 
-.article .article-id {
+.article-info .article-id {
 
 }