diff --git a/components/menu.html b/components/menu.html
index 9b55571..07fa780 100644
--- a/components/menu.html
+++ b/components/menu.html
@@ -73,7 +73,7 @@
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
     list-style: none;
     min-width: 220px;
-    z-index: 1000;
+    z-index: 9999;
     flex-direction: column;
     gap: 0.5rem !important;
     transition: opacity 0.3s ease;
diff --git a/frontend/pages/chap1.html b/frontend/pages/chap1.html
index 99292a3..2978684 100644
--- a/frontend/pages/chap1.html
+++ b/frontend/pages/chap1.html
@@ -30,7 +30,7 @@
       position: absolute;
       bottom: 200px;
       right: 170px;
-      z-index: 998;
+      z-index: 1;
       display: none;
     }
 
diff --git a/frontend/pages/chap2.html b/frontend/pages/chap2.html
index e157756..f793c0c 100644
--- a/frontend/pages/chap2.html
+++ b/frontend/pages/chap2.html
@@ -13,9 +13,9 @@
     }
 
     #mascotte {
-      position: fixed;
-      bottom: 0px;
-      right: 160px;
+      position: absolute;
+      top: 670px;
+      right: 100px;
       z-index: 999;
       transform: scaleX(-1);
       cursor: pointer;
@@ -28,10 +28,10 @@
     }
 
     .speech-bubble {
-      position: fixed;
-      bottom: 320px;
+      position: absolute;
+      bottom: 200px;
       right: 170px;
-      z-index: 998;
+      z-index: 1;
       display: none;
     }
 
diff --git a/frontend/pages/chap3.html b/frontend/pages/chap3.html
index 711efae..734acf3 100644
--- a/frontend/pages/chap3.html
+++ b/frontend/pages/chap3.html
@@ -31,7 +31,7 @@
       position: fixed;
       bottom: 200px;
       right: 170px;
-      z-index: 998;
+      z-index: 1;
       display: none;
     }
 
diff --git a/index.html b/index.html
index 03e254a..e71d385 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,7 @@
       position: absolute;
       bottom: 200px;
       right: 170px;
-      z-index: 998;
+      z-index: 1;
       display: flex;
       width: 1025px;
       height: 560px;