diff --git a/src/pages/clazz/components/ClazzMatrixView.vue b/src/pages/clazz/components/ClazzMatrixView.vue
index 4c84a5f..1dcb55e 100644
--- a/src/pages/clazz/components/ClazzMatrixView.vue
+++ b/src/pages/clazz/components/ClazzMatrixView.vue
@@ -79,7 +79,7 @@
           <div class="day-date">{{ day.date }}</div>
         </div>
       </div>
-      <div class="ml-body">
+      <div class="ml-body" :class="{ 'ml-body--stage-scroll': hideLandscapeHeader }">
         <div v-for="slot in timeSlots" :key="slot.key" class="ml-row">
           <div class="ml-label">
             <div class="header-label">{{ slot.label }}</div>
@@ -524,6 +524,10 @@ export default defineComponent({
   overflow-y: auto;
   overflow-x: hidden;
   padding-bottom: 0.08rem;
+
+  &--stage-scroll {
+    overflow: visible;
+  }
 }
 
 .ml-row {
diff --git a/src/pages/clazz/index.vue b/src/pages/clazz/index.vue
index a6a0ed6..1046686 100644
--- a/src/pages/clazz/index.vue
+++ b/src/pages/clazz/index.vue
@@ -1473,6 +1473,7 @@ export default defineComponent({
     display: flex;
     flex-direction: column;
     overflow: hidden;
+    --clazz-landscape-body-height: calc(100dvh - var(--landscape-toolbar-height) - 0.7rem);
   }
 }
 
@@ -1489,6 +1490,14 @@ export default defineComponent({
   overflow: auto;
 }
 
+.landscape-stage-viewport--matrix .landscape-stage {
+  overflow: visible;
+}
+
+.landscape-stage-viewport--matrix :deep(.matrix-container--landscape) {
+  min-width: max-content;
+}
+
 .landscape-stage {
   width: var(--clazz-landscape-body-height);
   height: 100dvw;