diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index 40063a4c..c164f2ee 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -4,6 +4,7 @@
       sticky top-0 z10
       border="b base"
       backdrop="blur-10px brightness-120 dark:brightness-80"
+      :class="isZenMode ? 'op0 hover:op100 transition duration-300' : ''"
     >
       <div flex justify-between px5 py4>
         <div flex gap-1>