diff --git a/theme/boost/scss/moodle/grade.scss b/theme/boost/scss/moodle/grade.scss
index de73f59ae3e86..3c3d4b049fc09 100644
--- a/theme/boost/scss/moodle/grade.scss
+++ b/theme/boost/scss/moodle/grade.scss
@@ -537,8 +537,13 @@
         }
 
         th.header {
+            @include media-breakpoint-down(sm) {
+                left: 0;
+            }
+            @include media-breakpoint-up(md) {
+                left: -3rem;
+            }
             position: sticky;
-            left: -3rem;
             z-index: 1;
         }
 
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index ba59c6a15bc90..a107e8802f51f 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -34989,9 +34989,18 @@ p.arrow_button {
 }
 .path-grade-report-grader .gradeparent th.header {
   position: sticky;
-  left: -3rem;
   z-index: 1;
 }
+@media (max-width: 767.98px) {
+  .path-grade-report-grader .gradeparent th.header {
+    left: 0;
+  }
+}
+@media (min-width: 768px) {
+  .path-grade-report-grader .gradeparent th.header {
+    left: -3rem;
+  }
+}
 .path-grade-report-grader .gradeparent td.noborder {
   border-right: transparent;
 }
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index 64401df24d92b..5da807f63a32c 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -34989,9 +34989,18 @@ p.arrow_button {
 }
 .path-grade-report-grader .gradeparent th.header {
   position: sticky;
-  left: -3rem;
   z-index: 1;
 }
+@media (max-width: 767.98px) {
+  .path-grade-report-grader .gradeparent th.header {
+    left: 0;
+  }
+}
+@media (min-width: 768px) {
+  .path-grade-report-grader .gradeparent th.header {
+    left: -3rem;
+  }
+}
 .path-grade-report-grader .gradeparent td.noborder {
   border-right: transparent;
 }