style: --

src/views/home/components/guide/index.scss

@@ -35,19 +35,14 @@
   }
 }
 
-#drawer-container.drawerOpen #drawer.open {
-  height: 210px;
-}
+// #drawer-container.drawerOpen #drawer.open {
+//   height: 210px;
+// }
 
 #drawer.open.fadeOut {
   pointer-events: none;
 }
 
-#drawer-container.drawerOpen #drawer.open.noScroll,
-#drawer.open.noScroll.playing {
-  height: 185px;
-}
-
 #thumb-container {
   .thumbImg {
     cursor: pointer;

src/views/home/components/menu/index.scss

@@ -6,14 +6,10 @@
   z-index: var(--z-index-top);
 
   .pinBottom.playing {
-    bottom: 20px;
+    bottom: 30px;
   }
 }
 
-#gui .pinBottom.open.noScroll.playing {
-  bottom: 135px;
-}
-
 .pinBottom {
   position: absolute;
   bottom: 0;
@@ -24,10 +20,10 @@
     bottom: 140px;
 
     &.noScroll {
-      bottom: 190px;
+      bottom: 180px;
 
       &.playing {
-        bottom: 135px;
+        bottom: 200px;
       }
     }
     &.playing {
@@ -159,6 +155,10 @@
   }
   .pinBottom.open.noScroll {
     bottom: 130px;
+
+    &.playing {
+      bottom: 150px;
+    }
   }
   .pinBottom.right {
     position: fixed;