diff --git a/src/file-viewer/views/clofi.css b/src/file-viewer/views/clofi.css
index 664d4eae050c2c4c5d6b01b4d0003396d7579305..986e78000e06d067e537dd13ffc93ac35cbdc270 100644
--- a/src/file-viewer/views/clofi.css
+++ b/src/file-viewer/views/clofi.css
@@ -257,7 +257,7 @@ pre {
   }
   .line {
     display: block;
-    width: 58px;
+    width: 53px;
     margin-right: 8px;
     margin-left: 2px;
     height: 2px;
diff --git a/src/pages/index.marko b/src/pages/index.marko
index 326d769c57f20e0acb32b50387469d2131ca738e..96abbf4f00e9e8087622fa5534e23a34f82d27b2 100644
--- a/src/pages/index.marko
+++ b/src/pages/index.marko
@@ -14,8 +14,8 @@ export const meta = {
 <main>
   <div>
     <h2>posts</h2>
-    <p>song: <a href="/in-the-summer">in the summer</a> (2025-01-01)</p>
-    <p>song: <a href="/waterfalls">waterfalls</a> (2025-08-01)</p>
+    <p>song: <a href="/in-the-summer">in the summer</a> (2025-08-08)</p>
+    <p>song: <a href="/waterfalls">waterfalls</a> (2025-01-01)</p>
     <h2>things</h2>
     <p><a href="/q+a">questions and answers</a></p>
     <p><a href="/file">file browser</a></p>