diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss
index 5bdfced4..40f89609 100644
--- a/assets/scss/_main.scss
+++ b/assets/scss/_main.scss
@@ -26,6 +26,7 @@ html {
 
 
 body {
+  position:relative;
   margin: 0;
   padding: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Roboto",
@@ -780,4 +781,19 @@ mark {
   @media (prefers-color-scheme: dark) {
     background-color: lch(20% 25 var(--accentHue)) !important;
   }
+}
+
+#last-updated {
+  position: absolute;
+  font-style:italic;
+
+  bottom: 0;
+  padding: 4px 4px 4px 8px;
+  border-top-left-radius: 8px;
+  opacity: 0.8;
+
+  background-color: $light-background;
+  @media (prefers-color-scheme: dark) {
+    background-color: $dark-background
+  }
 }
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index 6b955a7d..4fa07979 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -19,8 +19,7 @@
         <hr />
         <section class="posts" style="text-align:center">
             {{ partial "about-me.html" .}}
-
-            {{ partial "site-last-update.html" }}
         </section>
     </main>
+    {{ partial "site-last-update.html" }}
 {{ end }}
diff --git a/layouts/partials/site-last-update.html b/layouts/partials/site-last-update.html
index 040d6d13..9e98a09a 100644
--- a/layouts/partials/site-last-update.html
+++ b/layouts/partials/site-last-update.html
@@ -1,5 +1,5 @@
 {{ if or (getenv "HUGO_LAST_UPDATE_TIME") (getenv "HUGO_LAST_UPDATE_HASH") }}
-  <small style="font-style:italic">
+  <small id="last-updated">
     Last updated
     {{ with getenv "HUGO_LAST_UPDATE_TIME" }}on {{ partial "year-relative-date.html" . }},{{ end }}
     {{ with getenv "HUGO_LAST_UPDATE_HASH" }}from <a href="https://github.com/by-jp/www.byjp.me/tree/{{ . }}">{{ . }}</a>{{ end }}.