diff --git a/assets/css/style.css b/assets/css/style.css
index 4fbe887..b8e5355 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -627,9 +627,9 @@ nav .sidebar-item img {
 .artwork-container .artwork .artwork-additional,
 .artwork-container-scroll .artwork .artwork-additional {
   position: absolute;
-  top: 4px;
-  left: 4px;
-  right: 4px;
+  top: 0;
+  left: 0;
+  right: 0;
   box-sizing: border-box;
   display: flex;
   align-items: flex-start;
diff --git a/assets/css/style.scss b/assets/css/style.scss
index be6fce8..ca3843d 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -733,9 +733,9 @@ nav {
 
     .artwork-additional {
       position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
+      top: 0;
+      left: 0;
+      right: 0;
       box-sizing: border-box;
       display: flex;
       align-items: flex-start;
diff --git a/assets/layout/components/ranking-tn.jet.html b/assets/layout/components/ranking-tn.jet.html
index 4e305df..1ad616d 100644
--- a/assets/layout/components/ranking-tn.jet.html
+++ b/assets/layout/components/ranking-tn.jet.html
@@ -1,20 +1,21 @@
 {{ range . }}
 {{ target := CookieList["pixivfe-ThumbnailToNewTab"] }}
 <div class="artwork-small artwork">
-  <div class="artwork-additional">
-    <div class="artwork-position">{{ .Rank }}</div>
-    {{ if .Pages > 1 }}
-    <div class="artwork-page-count"><span>&boxbox; {{ .Pages }}</span></div>
-    {{ end }}
-    {{ if .IllustType == 2 }}
-    <div class="artwork-page-count"><span>&#9654;</span></div>
-    {{ end }}
-  </div>
 
   <div class="artwork-image">
     <a target="{{ target }}" href="/artworks/{{ .ID }}#checkpoint">
       <img src="{{ .Image }}" alt="{{ .Title }}" />
     </a>
+
+    <div class="artwork-additional">
+      <div class="artwork-position">{{ .Rank }}</div>
+      {{ if .Pages > 1 }}
+      <div class="artwork-page-count"><span>&boxbox; {{ .Pages }}</span></div>
+      {{ end }}
+      {{ if .IllustType == 2 }}
+      <div class="artwork-page-count"><span>&#9654;</span></div>
+      {{ end }}
+    </div>
   </div>
   <div class="artwork-title">
     <a target="{{ target }}" href="/artworks/{{ .ID }}#checkpoint"> {{ .Title }} </a>
diff --git a/assets/layout/components/thumbnail-dt.jet.html b/assets/layout/components/thumbnail-dt.jet.html
index a2188e1..4873cf8 100644
--- a/assets/layout/components/thumbnail-dt.jet.html
+++ b/assets/layout/components/thumbnail-dt.jet.html
@@ -1,19 +1,18 @@
 {{ target := CookieList["pixivfe-ThumbnailToNewTab"] }}
-<div class="artwork-additional">
-
-  {{ if .XRestrict != 0 }}
-  <div class="artwork-profanity-label">
-    <span>{{ if .XRestrict == 1 }}R-18{{ else }}R-18G{{ end }}</span>
-  </div>
-  {{ end }} {{ if .Pages > 1 }}
-  <div class="artwork-page-count"><span>&boxbox; {{ .Pages }}</span></div>
-  {{ end }}
-  {{ if .IllustType == 2 }}
-  <div class="artwork-page-count"><span>&#9654;</span></div>
-  {{ end }}
-
-</div>
 <div class="artwork-image">
+  <div class="artwork-additional">
+    {{ if .XRestrict != 0 }}
+    <div class="artwork-profanity-label">
+      <span>{{ if .XRestrict == 1 }}R-18{{ else }}R-18G{{ end }}</span>
+    </div>
+    {{ end }} {{ if .Pages > 1 }}
+    <div class="artwork-page-count"><span>&boxbox; {{ .Pages }}</span></div>
+    {{ end }}
+    {{ if .IllustType == 2 }}
+    <div class="artwork-page-count"><span>&#9654;</span></div>
+    {{ end }}
+
+  </div>
   <a target="{{ target }}" href="/artworks/{{ .ID }}#checkpoint">
     <img src="{{ .Thumbnail }}" alt="{{ .Title }}" loading="lazy" />
   </a>