diff --git a/src/_layouts/article.njk b/src/_layouts/article.njk
index 25d7bf2..950b83e 100644
--- a/src/_layouts/article.njk
+++ b/src/_layouts/article.njk
@@ -28,15 +28,15 @@ templateClass: tmpl-post
   {%- if nextArticle or previousArticle %}
     <nav class="post-nav">
       <ul>
-        {%- if previousArticle %}<li class="previous">
-          <a href="{{ previousArticle.url }}" title="Article précédent">
-            <span class="icon" aria-hidden="true">«</span>
-            <span>{{ previousArticle.data.title }}</span>
-          </a>
-          </li>{% endif %}
         {%- if nextArticle %}<li class="next">
           <a href="{{ nextArticle.url }}" title="Article suivant">
+            <span class="icon" aria-hidden="true">«</span>
             <span>{{ nextArticle.data.title }}</span>
+          </a>
+          </li>{% endif %}
+        {%- if previousArticle %}<li class="previous">
+          <a href="{{ previousArticle.url }}" title="Article précédent">
+            <span>{{ previousArticle.data.title }}</span>
             <span class="icon" aria-hidden="true">»</span>
           </a>
           </li>{% endif %}
diff --git a/src/blog_assets/css/index.scss b/src/blog_assets/css/index.scss
index 5db6e02..2ab94f0 100644
--- a/src/blog_assets/css/index.scss
+++ b/src/blog_assets/css/index.scss
@@ -340,12 +340,12 @@ h1 + .post-metadata {
   }
   .previous {
     .icon {
-      margin-right: 2rem;
+      margin-left: 2rem;
     }
   }
   .next {
     .icon {
-      margin-left: 2rem;
+      margin-right: 2rem;
     }
   }
 }