diff --git a/style/spreadquiz_mobile.css b/style/spreadquiz_mobile.css
index 8ca30cd..65b1361 100644
--- a/style/spreadquiz_mobile.css
+++ b/style/spreadquiz_mobile.css
@@ -7,10 +7,12 @@
         right: 0;
         top: unset;
         width: 100%;
+        transition: 0.3s ease;
     }
 
     section#content_pane {
         width: 100vw;
+        height: calc(100vh - 4.5em);
     }
 
     iframe#content_frame {
@@ -24,6 +26,10 @@
         margin-bottom: 1em;
     }
 
+    section.game-box-caption {
+        width: 100vw;
+    }
+
     section#info_pane:active, section#info_pane:hover, section#user_info {
         height: 12em;
     }
@@ -57,10 +63,6 @@
         padding-top: 2em;
     }
 
-    section.game-box-caption {
-        width: 100vw;
-    }
-
     section.window {
         width: calc(100vw - 2em);
         padding: 1em;