diff --git a/assets/css/main.css b/assets/css/main.css
index 5f04028..dd9daf0 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -486,11 +486,22 @@ article header h1 a {
     stroke: var(--svg-state-color);
 }
 
+.post-list .post-info {
+    color: var(--post-info-color);
+    font-size: 0.75em;
+    margin-top: 1em;
+    margin-bottom: 1em;
+    display: block;
+    gap: 1em;
+}
+
 .post-info {
     color: var(--post-info-color);
     font-size: 0.75em;
     margin-top: 1em;
     margin-bottom: 1em;
+    display: flex;
+    gap: 1em;
 }
 
 .post-info a {
@@ -635,6 +646,9 @@ code.has-jax {
 
 .read-next-title {
     margin-bottom:  0;
+    margin-top: 3em;
+    padding-top: 1em;
+    border-top: 1px dashed var(--thead-bg-color);
 }
 
 .read-next-posts {
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 1ac45f7..5dca863 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -11,17 +11,17 @@
         <div class="post-header">
             <header>
                 <h1 class="p-name post-title{{ if .Params.favorite }} favorite{{end}}{{ if .Params.draft }} draft{{end}}">{{ trim .Title  " " | markdownify }}</h1>
-
                 {{ partial "post-language-switcher.html" . }}
             </header>
+            {{ partial "post-info.html" . }}
         </div>
         {{ partial "toc.html" .}}
         <div class="content e-content">
             {{ .Content }}
         </div>
-        {{ partial "post-info.html" . }}
-    </article>
 
+    </article>
+    
     {{ if gt .Site.Params.readNextPosts 0 }}
         {{ $related := .Site.RegularPages.Related . | first .Site.Params.readNextPosts }}
         {{ with $related }}