diff --git a/assets/css/basic.scss b/assets/css/basic.scss
index 63efa89..f65c305 100644
--- a/assets/css/basic.scss
+++ b/assets/css/basic.scss
@@ -25,6 +25,7 @@ h1,h2,h3,h4,h5,h6 {
 }
 html {
   font-size: 16px;
+  font-family: system-ui;
   height: 100%;
   scroll-behavior: smooth;
   scrollbar-color: $color-fg-accent-op-m transparent;
diff --git a/assets/css/classic-layout.scss b/assets/css/classic-layout.scss
index c6a3d89..8d3899f 100644
--- a/assets/css/classic-layout.scss
+++ b/assets/css/classic-layout.scss
@@ -76,7 +76,7 @@
 
 /* section specific - single of classic */
 .classic-layout-container header .content.post {
-  .pub-date {
+  .status {
     color: $color-fg-op-m;
     margin: 1em 0;
   }
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index b71926f..45d43f8 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -5,8 +5,8 @@
     {{ if .Description }}<p>{{ .Description }}</p>{{ end }}
     {{ partial "taxo_of_single.html" . }}
     {{ if .Lastmod }}
-    <div class="pub-date">
-      mtime={{ .Lastmod.Format .Site.Params.dateFormat }}
+    <div class="status">
+      <span class="mtime">mtime={{ .Lastmod.Format .Site.Params.dateFormat }}</span>
       archived={{ default false .Params.archived }}
       words={{ .WordCount }}
     </div>