diff --git a/site_test/archive.html b/site_test/archive.html
index c6d9116..20e4a99 100644
--- a/site_test/archive.html
+++ b/site_test/archive.html
@@ -7,16 +7,19 @@
 {% block content -%}
 
 {% for year in years %}
-    <ul class="archive-list">
+    <div class="archive-list">
         {% for entry in posts_by_year[year] %}
-            <li>
+            <div class="archive-entry">
                 <code><time datetime="{{ entry.date | iso_datetime }}">{{ entry.date | iso_date }}</time></code>
                 <a href="{{ entry.permalink }}">
                     {{ entry.title }}
                 </a>
-            </li>
+            </div>
         {% endfor %}
-    </ul>
+    </div>
+    {% if not loop.last %}
+        <hr>
+    {% endif %}
 {% endfor %}
 
 {%- endblock %}
diff --git a/site_test/css/main.scss b/site_test/css/main.scss
index f57dcc2..11ddc1f 100644
--- a/site_test/css/main.scss
+++ b/site_test/css/main.scss
@@ -116,7 +116,7 @@ table {
 }
 
 hr {
-    border: 1px solid black;
+    border: 1px solid var(--secondary-text-color);
 }
 
 html {
@@ -376,11 +376,17 @@ footer {
 }
 
 .archive-list {
-    padding: 0;
-    font-size: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    font-size: 1.25rem;
+    margin: 1rem 0;
 
-    li {
-        list-style: none;
+    .archive-entry {
+        display: flex;
+        flex-direction: row;
+        align-items: start;
+        gap: 8px;
 
         time {
             color: var(--secondary-text-color);
diff --git a/site_test/layout/tag.html b/site_test/layout/tag.html
index 9fd6a7b..822a799 100644
--- a/site_test/layout/tag.html
+++ b/site_test/layout/tag.html
@@ -9,16 +9,19 @@
 <h1>Posts tagged &lsquo;{{ tag_name }}&rsquo;</h1>
 
 {% for year in years %}
-    <ul class="archive-list">
+    <div class="archive-list">
         {% for entry in posts_by_year[year] %}
-            <li>
+            <div class="archive-entry">
                 <code><time datetime="{{ entry.date | iso_datetime }}">{{ entry.date | iso_date }}</time></code>
                 <a href="{{ entry.permalink }}">
                     {{ entry.title }}
                 </a>
-            </li>
+            </div>
         {% endfor %}
-    </ul>
+    </div>
+    {% if not loop.last %}
+        <hr>
+    {% endif %}
 {% endfor %}
 
 {%- endblock %}