diff --git a/resources/assets/stylesheets/scss/courseware.scss b/resources/assets/stylesheets/scss/courseware.scss
index eb6e7d1451c385996535891d22ea3e95a2c7d76e..99b603fab4116e423873e891420d4eb31dff1654 100755
--- a/resources/assets/stylesheets/scss/courseware.scss
+++ b/resources/assets/stylesheets/scss/courseware.scss
@@ -451,6 +451,7 @@ $consum_ribbon_width: calc(100% - 58px);
                     >.cw-tab {
                         max-height: 700px;
                         padding: 14px 8px 8px 8px;
+                        position: relative;
                         overflow-y: auto;
                         overflow-x: hidden;
                         scrollbar-width: thin;
diff --git a/resources/vue/components/courseware/CoursewareRibbonToolbar.vue b/resources/vue/components/courseware/CoursewareRibbonToolbar.vue
index d06450acf0b6648a3a91e5418a979857dd560266..8fc73f5bb6a061d9dbcbe270900b7de34c4e66bb 100755
--- a/resources/vue/components/courseware/CoursewareRibbonToolbar.vue
+++ b/resources/vue/components/courseware/CoursewareRibbonToolbar.vue
@@ -151,7 +151,7 @@ export default {
             setTimeout(() => {
                 let contents = this.$refs.contents.$el; 
                 let current = contents.querySelector('.cw-tree-item-link-current');
-                contents.scroll({ top: current.offsetTop, behavior: 'smooth' });
+                contents.scroll({ top: current.offsetTop - 4, behavior: 'smooth' });
             }, 360);
         },
     },