diff --git a/pages/index.vue b/pages/index.vue
index c3c3b0b..1707982 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -20,8 +20,8 @@
         <source src="https://files.erudi.fr/evilspins/sloughi-run-loop-small.webm" type="video/webm"
           media="all and (max-width: 640px)">
       </video>
-      <div class="mix hide bg-black w-full screen">
-        <button class="button button--close m-4 flex justify-center items-center" @click="closePlayer()">
+      <div class="mix hide bg-black w-full screen overflow-scroll">
+        <button class="button button--close m-4 flex justify-center items-center z-50" @click="closePlayer()">
           <svg width="20px" height="30px">
             <line x1="0" y1="0" x2="20" y2="20" stroke="black" stroke-width="2" />
             <line x1="0" y1="20" x2="20" y2="0" stroke="black" stroke-width="2" />
@@ -222,6 +222,7 @@ body {
 
 .mixPlayer {
   background: black;
+  max-height: 70vh;
 }
 
 .hide {