diff --git a/_includes/navbar.html b/_includes/navbar.html
index 1c788c2..ac7cb56 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -23,7 +23,11 @@
                     </div>
                     {% endif %}
                     <div class="mdc-list-group">
-                    <h3 class="mdc-list-group__subheader">{{ currentdate }}</h3>
+                    <h3 class="mdc-list-group__subheader">
+                        <a class="mdc-list-item year" href="/{{ currentdate }}" data-mdc-auto-init="MDCRipple">
+                            <span class="mdc-list-item__text">{{ currentdate }}</span>
+                        </a>
+                    </h3>
                     {% assign date = currentdate %}
                     {% endif %}
                     <a class="mdc-list-item" href="{{ article.url | relative_url }}" data-mdc-auto-init="MDCRipple">
diff --git a/css/global.css b/css/global.css
index a652e11..133139b 100644
--- a/css/global.css
+++ b/css/global.css
@@ -37,6 +37,17 @@ a {
 :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::after {
     background-color: var(--mdc-theme-secondary);
 }
+/* .mdc-list-group__subheader {
+    height: 40px;
+} */
+.mdc-list-item.year::before, .mdc-list-item.year::after {
+    background: none !important;
+}
+.mdc-list-item.year, .mdc-list-item.year {
+    margin: 0;
+    padding: 0;
+    display: initial;
+}
 
 /* change cursor on top app bar */
 .mdc-top-app-bar__title {