diff --git a/public/500.html b/public/500.html
index 76eb123..0de99d6 100644
--- a/public/500.html
+++ b/public/500.html
@@ -17,7 +17,7 @@
         <link href="/css/main.css" rel="stylesheet" />
         <script src="/js/main.js"></script>
     </head>
-    <body class="body-500">
+    <body class="body-500 flex flex-col align-items-center justify-center">
         <img src="/img/404.svg" alt="Image représentant la mascotte tenant un vinyle cassé" />
         Nous sommes désolé mais quelque chose a mal tourné de notre côté.
         <br />
diff --git a/sass/500.scss b/sass/500.scss
index 910f8dd..8b18265 100644
--- a/sass/500.scss
+++ b/sass/500.scss
@@ -1,16 +1,9 @@
 .body-500 {
     padding: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-
     font-weight: 400;
     font-size: larger;
     line-height: 200%;
 
-    text-align: center;
-
     img {
         max-width: 60%;
         margin-bottom: 32px;
diff --git a/sass/collection.scss b/sass/collection.scss
index 88f94b5..c8feca2 100644
--- a/sass/collection.scss
+++ b/sass/collection.scss
@@ -4,30 +4,6 @@
             cursor: pointer;
         }
     }
-    .filters {
-        display: flex;
-        justify-content: end;
-        padding: 0.5rem 0;
-
-        .field {
-            padding: 0 0.5rem;
-
-            select {
-                width: auto;
-            }
-
-            @include respond-to("small-up") {
-                width: 33%;
-                &:last-child {
-                    padding-right: 0;
-                }
-            }
-        }
-
-        @include respond-to("small") {
-            flex-direction: column;
-        }
-    }
 
     .showMoreFilters {
         cursor: pointer;
@@ -53,8 +29,4 @@
             }
         }
     }
-
-    .total {
-        margin: 0.75rem 0;
-    }
 }
\ No newline at end of file
diff --git a/sass/pagination.scss b/sass/pagination.scss
index ddf2695..e43fc74 100644
--- a/sass/pagination.scss
+++ b/sass/pagination.scss
@@ -1,25 +1,8 @@
 .pagination {
     font-size: 1rem;
-    align-items: center;
-    display: flex;
-    text-align: center;
-    justify-content: space-between;
     margin: 0.75rem 0;
 
-
     .pagination-list {
-        align-items: center;
-        display: flex;
-        text-align: center;
-        flex-wrap: wrap;
-        flex-grow: 1;
-        flex-shrink: 1;
-        justify-content: flex-end;
-
-        @include respond-to("small") {
-            justify-content: center;
-        }
-
         .pagination-link {
             align-items: center;
             border: 1px solid transparent;
diff --git a/views/components/filters/index.ejs b/views/components/filters/index.ejs
index 559a47b..e3347bc 100644
--- a/views/components/filters/index.ejs
+++ b/views/components/filters/index.ejs
@@ -1,16 +1,16 @@
-<div class="filters">
+<div class="grid grid-cols-1 md:grid-cols-3 gap-10">
     <%- include('./artist') %>
     <%- include('./format') %>
     <%- include('./sort') %>
 </div>
 
-<div class="filters" v-if="moreFilters">
+<div class="grid grid-cols-1 md:grid-cols-3 gap-10" v-if="moreFilters">
     <%- include('./year') %>
     <%- include('./genre') %>
     <%- include('./style') %>
 </div>
 
-<span @click="showMoreFilters" class="showMoreFilters">
+<span @click="showMoreFilters" class="showMoreFilters mt-10">
   <template v-if="!moreFilters">Voir plus de filtres</template>
   <template v-if="moreFilters">Voir moins de filtres</template>
   <i class="icon-left-open down" v-if="!moreFilters"></i>
diff --git a/views/pages/collection.ejs b/views/pages/collection.ejs
index 317ba9b..c16195e 100644
--- a/views/pages/collection.ejs
+++ b/views/pages/collection.ejs
@@ -73,31 +73,36 @@
             </div>
         </div>
     </div>
-    <div class="total">
-        <strong>Nombre total d'éléments : </strong>{{total}}
+    <div class="flex justify-between md:align-items-center flex-col md:flex-row">
+        <div class="total">
+            <strong>Nombre total d'éléments : </strong>{{total}}
+        </div>
+
+        <nav class="pagination" role="navigation" aria-label="Pagination">
+            <ul class="flex justify-center md:justify-end pagination-list">
+                <li v-if="page > 1">
+                    <a class="pagination-link" @click="goTo(1)" aria-label="Aller à la première page">&laquo;</a>
+                </li>
+                <template v-for="p in Array.from({length: totalPages}, (v, i) => (i+1))">
+                    <template v-if="p < 2 || p > (totalPages - 1) || (Number(page) - 1) <= p && Number(page) + 1 >= p">
+                        <li>
+                            <a class="pagination-link" :class="{'is-current': p === Number(page)}" @click="goTo(p)" :aria-label="'Aller à la page '+p">{{ p }}</a>
+                        </li>
+                    </template>
+                    <template v-if="(Number(page) - 3 === p && Number(page) - 2 > 1) || (Number(page) + 2 === p && Number(page) + 2 < totalPages - 1)">
+                        <li>
+                            <a class="pagination-link is-disabled">…</a>
+                        </li>
+                    </template>
+                </template>
+                <li v-if="page < totalPages">
+                    <a class="pagination-link" @click="goTo(totalPages)" aria-label="Aller à la derière page">&raquo;</a>
+                </li>
+            </ul>
+        </nav>
     </div>
-    <nav class="pagination" role="navigation" aria-label="Pagination">
-        <ul class="pagination-list">
-            <li v-if="page > 1">
-                <a class="pagination-link" @click="goTo(1)" aria-label="Aller à la première page">&laquo;</a>
-            </li>
-            <template v-for="p in Array.from({length: totalPages}, (v, i) => (i+1))">
-                <template v-if="p < 2 || p > (totalPages - 1) || (Number(page) - 1) <= p && Number(page) + 1 >= p">
-                    <li>
-                        <a class="pagination-link" :class="{'is-current': p === Number(page)}" @click="goTo(p)" :aria-label="'Aller à la page '+p">{{ p }}</a>
-                    </li>
-                </template>
-                <template v-if="(Number(page) - 3 === p && Number(page) - 2 > 1) || (Number(page) + 2 === p && Number(page) + 2 < totalPages - 1)">
-                    <li>
-                        <a class="pagination-link is-disabled">…</a>
-                    </li>
-                </template>
-            </template>
-            <li v-if="page < totalPages">
-                <a class="pagination-link" @click="goTo(totalPages)" aria-label="Aller à la derière page">&raquo;</a>
-            </li>
-        </ul>
-    </nav>
+
+
 
     <% if ( pageType === 'private' ) { %>
         <div class="modal" :class="{'is-visible': showModalDelete}">
