diff --git a/assets/less/mio/classes/changelog.less b/assets/less/mio/classes/changelog.less
index b7351516..eb082c2c 100644
--- a/assets/less/mio/classes/changelog.less
+++ b/assets/less/mio/classes/changelog.less
@@ -1,5 +1,6 @@
 .changelog {
     display: flex;
+    margin: 1px;
 
     @media (max-width: @site-mobile-width) {
         flex-wrap: wrap;
@@ -14,10 +15,14 @@
         }
     }
 
-    &__content {
+    &__pagination {
         margin: 1px;
     }
 
+    &__content {
+        margin: 0;
+    }
+
     &__none {
         margin: 1px 4px;
     }
@@ -29,7 +34,7 @@
     // date header in public changelog
     &__date {
         display: block;
-        background: var(--accent-colour);
+        background-image: linear-gradient(0deg, var(--accent-colour), transparent);
         color: var(--text-colour-header);
         font-weight: 700;
         margin-bottom: 1px;
diff --git a/templates/changelog/index.twig b/templates/changelog/index.twig
index 9fb43394..68e7dbd8 100644
--- a/templates/changelog/index.twig
+++ b/templates/changelog/index.twig
@@ -33,7 +33,7 @@
                 {{ pagination(changelog_count, changelog_take, changelog_offset, '/changelog.php'|url_construct({
                     'd': changelog_date,
                     'u': changelog_user ? changelog_user : ''
-                })) }}
+                }), 'changelog__') }}
             {% endif %}
         </div>
     </div>