diff --git a/components/app/Appbar.vue b/components/app/Appbar.vue
index f51f39e0..77a20543 100644
--- a/components/app/Appbar.vue
+++ b/components/app/Appbar.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="w-full h-16 bg-primary relative">
-    <div id="appbar" class="absolute top-0 left-0 w-full h-full z-20 flex items-center px-2">
+  <div class="w-full h-16 bg-primary relative z-20">
+    <div id="appbar" class="absolute top-0 left-0 w-full h-full flex items-center px-2">
       <nuxt-link v-show="!showBack" to="/" class="mr-3">
         <img src="/Logo.png" class="h-10 w-10" />
       </nuxt-link>
diff --git a/pages/item/_id/index.vue b/pages/item/_id/index.vue
index 1e8a4936..57f91a7c 100644
--- a/pages/item/_id/index.vue
+++ b/pages/item/_id/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="w-full h-full px-3 py-4 overflow-y-auto relative bg-bg">
-    <div class="absolute top-0 left-0 w-full h-full pointer-events-none p-px">
+    <div class="fixed top-0 left-0 w-full h-full pointer-events-none p-px z-10">
       <div class="w-full h-full" :style="{ backgroundColor: coverRgb }" />
       <div class="w-full h-full absolute top-0 left-0" style="background: linear-gradient(169deg, rgba(0, 0, 0, 0.4) 0%, rgba(55, 56, 56, 1) 80%)" />
     </div>