diff --git a/src/plugins/notebook/components/NotebookEntry.vue b/src/plugins/notebook/components/NotebookEntry.vue
index dbcae32e45..d20d34f2c3 100644
--- a/src/plugins/notebook/components/NotebookEntry.vue
+++ b/src/plugins/notebook/components/NotebookEntry.vue
@@ -94,7 +94,7 @@
             <div
                 ref="embedsWrapper"
                 class="c-snapshots c-ne__embeds-wrapper"
-                :class="{ scrollClass: enableEmbedsWrapperScroll }"
+                :class="{scrollClass: enableEmbedsWrapperScroll }"
             >
                 <NotebookEmbed
                     v-for="embed in entry.embeds"
diff --git a/src/styles/notebook.scss b/src/styles/notebook.scss
index 0bccd2bdc9..0d8d607778 100644
--- a/src/styles/notebook.scss
+++ b/src/styles/notebook.scss
@@ -27,6 +27,11 @@
     font-weight: bold;
 }
 
+.scrollClass{
+    background: $colorBodyBg;
+    box-shadow: inset 0 5px 5px rgb(0 0 0 / 20%);
+
+}
 .c-notebook {
     $headerFontSize: 1.3em;
     display: flex;
@@ -410,8 +415,7 @@
     @include snapThumb();
 }
 .c-ne__embeds-wrapper{
-    background: $colorBodyBg;
-    max-height: 10vh;
+    max-height: 11vh;
     padding-left: $interiorMarginLg;
     padding-top: $interiorMarginLg;
     display: flex;