From b72bad16d9db934f10625f7f9ac01ea7c67c610d Mon Sep 17 00:00:00 2001
From: Rukmini Bose <rukmini.bose15@gmail.com>
Date: Fri, 30 Sep 2022 16:55:51 -0700
Subject: [PATCH] Add styling to embed scrolling container

---
 src/plugins/notebook/components/NotebookEntry.vue | 2 +-
 src/styles/notebook.scss                          | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

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;