diff --git a/resources/assets/stylesheets/scss/courseware.scss b/resources/assets/stylesheets/scss/courseware.scss
index 195ee15a2be96e44adc42cdd06a7f3c7d0df3c05..e6002c2297adfaf96f2146017fda519dd6168f2b 100644
--- a/resources/assets/stylesheets/scss/courseware.scss
+++ b/resources/assets/stylesheets/scss/courseware.scss
@@ -460,7 +460,7 @@ $consum_ribbon_width: calc(100% - 58px);
     box-shadow: 2px 2px #ccc;
     position: absolute;
     right: -570px;
-    top: 0;
+    top: 15px;
     height: 100%;
     max-width: calc(100% - 28px);
     display: flex;
@@ -470,6 +470,7 @@ $consum_ribbon_width: calc(100% - 58px);
 
     &.unfold {
         right: 0px;
+        margin-right: 15px;
     }
 
     &.cw-ribbon-tools-consume {
@@ -482,6 +483,7 @@ $consum_ribbon_width: calc(100% - 58px);
     &.cw-ribbon-tools-sticky {
         position: absolute;
         top: -1px;
+        margin-right: 0;
     }
 
     .cw-ribbon-tool-content {
@@ -592,7 +594,7 @@ $consum_ribbon_width: calc(100% - 58px);
 
 .cw-structural-element-consumemode {
     .cw-ribbon-tools {
-        top: 14px;
+        top: 25px;
     }
 }
 
diff --git a/resources/assets/stylesheets/scss/responsive.scss b/resources/assets/stylesheets/scss/responsive.scss
index be0c16fc194f9054d3beb6bbe5a26b5a412a4d63..27e279e0c3e59aa9d1664be1b506bfbc77d6ca22 100644
--- a/resources/assets/stylesheets/scss/responsive.scss
+++ b/resources/assets/stylesheets/scss/responsive.scss
@@ -465,6 +465,8 @@ $sidebarOut: -330px;
         &.cw-ribbon {
             .cw-ribbon-tools {
                 max-width: calc(100% - 2px);
+                top: 0;
+                margin-right: 0;
             }
         }