diff --git a/resources/assets/stylesheets/scss/courseware.scss b/resources/assets/stylesheets/scss/courseware.scss
index 900f271decec79f430055f1849754d113ad27c2e..a9bc25842a84586497713a0acf974b3251655a49 100755
--- a/resources/assets/stylesheets/scss/courseware.scss
+++ b/resources/assets/stylesheets/scss/courseware.scss
@@ -471,6 +471,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);
         },
     },