diff --git a/frontend/css/style.css b/frontend/css/style.css
index e9d7a65..cf407cf 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -1,8 +1,13 @@
 /* Style global */
+html {
+  height: 100%;
+  overflow-y: auto;
+}
+
 body {
   margin: 0;
   padding: 0;
-  overflow: hidden;
+  min-height: 100%;
   background: radial-gradient(circle at center, #1a5c1a 0%, #0d3d0d 100%);
   font-family: Arial, sans-serif;
 }
@@ -13,8 +18,8 @@ body::after {
   position: fixed;
   top: 0;
   left: 0;
-  width: 100%;
-  height: 100%;
+  width: 100vh;
+  height: 100vh;
   background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.15) 100%);
   pointer-events: none;
   z-index: -1;
diff --git a/index.html b/index.html
index 9eef9ef..7c129f9 100644
--- a/index.html
+++ b/index.html
@@ -34,9 +34,9 @@
     }
 
     #mascotte {
-      position: fixed;
-      bottom: 0px;
-      right: 160px;
+      position: relative;
+      bottom: -0px;
+      right: 0px;
       z-index: 999;
       transform: scaleX(-1);
       cursor: pointer;
@@ -49,11 +49,13 @@
     }
 
     .speech-bubble {
-      position: fixed;
-      bottom: 320px;
-      right: 170px;
+      position: relative;
+      bottom: 0px;
+      left: 700px;
       z-index: 998;
       display: flex;
+      width: 1025px;
+      height: 560px;
     }
 
     .speech-bubble.hidden {