diff --git a/src/core/components/split-view/split-view.scss b/src/core/components/split-view/split-view.scss
index 1024e55a1..7ff93d8e5 100644
--- a/src/core/components/split-view/split-view.scss
+++ b/src/core/components/split-view/split-view.scss
@@ -3,10 +3,8 @@
 :host {
     --menu-min-width: 270px;
     --menu-max-width: 28%;
-    --menu-box-shadow: var(--core-menu-box-shadow-end);
+    --menu-box-shadow: var(--drop-shadow-end);
     --menu-z: 2;
-    --menu-border-width: 1px;
-    --menu-border-color: var(--stroke);
     --menu-display: flex;
     --content-display: block;
     --content-outlet-display: none;
@@ -35,16 +33,17 @@
     }
 
     .menu {
-        box-shadow: var(--menu-box-shadow);
         z-index: var(--menu-z);
         display: var(--menu-display);
         flex-shrink: 0;
         order: -1;
         width: 100%;
-        @include border-start(0);
-        @include border-end(var(--menu-border-width), solid, var(--menu-border-color));
         min-width: var(--menu-min-width);
         max-width: var(--menu-max-width);
+
+        &::part(scroll) {
+            box-shadow: var(--menu-box-shadow);
+        }
     }
 
     .content-outlet {
@@ -71,7 +70,6 @@
     --menu-max-width: 100%;
     --content-display: none;
     --content-placeholder-display: none;
-    --menu-border-width: 0px;
     --menu-box-shadow: none;
     --menu-z: 0px;
     --selected-item-border-width: 0px;
@@ -80,7 +78,6 @@
 
 :host(.content-only) {
     --menu-display: none;
-    --menu-border-width: 0px;
 }
 
 :host(.outlet-activated) {
diff --git a/src/core/features/usertours/components/user-tour/user-tour.scss b/src/core/features/usertours/components/user-tour/user-tour.scss
index 50e03506d..84600c0d3 100644
--- a/src/core/features/usertours/components/user-tour/user-tour.scss
+++ b/src/core/features/usertours/components/user-tour/user-tour.scss
@@ -55,6 +55,10 @@
         justify-content: center;
     }
 
+    h1 {
+        margin-top: 0px;
+    }
+
 }
 
 :host-context(html.dark) {
diff --git a/src/tests/behat/snapshots/it-navigates-properly-in-pages-with-a-split-view-component-navigate-in-grades-tab-on-tablet_14.png b/src/tests/behat/snapshots/it-navigates-properly-in-pages-with-a-split-view-component-navigate-in-grades-tab-on-tablet_14.png
index f1033553a..956b8790c 100644
Binary files a/src/tests/behat/snapshots/it-navigates-properly-in-pages-with-a-split-view-component-navigate-in-grades-tab-on-tablet_14.png and b/src/tests/behat/snapshots/it-navigates-properly-in-pages-with-a-split-view-component-navigate-in-grades-tab-on-tablet_14.png differ
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 58cbb603c..c6ef546ae 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -1720,6 +1720,7 @@ ion-grid.core-no-grid > ion-row {
 
 .core-footer-shadow [collapsible-footer] {
     box-shadow: var(--drop-shadow-top, none);
+    clip-path: inset(-8px 0px 0px 0px); // Only show shadow at top.
 }
 [collapsible-footer] {
     transition: box-shadow 0.5s;
diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss
index 2077ad9d7..4778e4428 100644
--- a/src/theme/theme.light.scss
+++ b/src/theme/theme.light.scss
@@ -86,6 +86,8 @@ html {
     --drop-shadow-color: 0, 0, 0, 0.5;
     --drop-shadow-top: 0px 2px 5px rgba(var(--drop-shadow-color));
     --drop-shadow-bottom: 0px -2px 5px rgba(var(--drop-shadow-color));
+    --drop-shadow-end: -2px 0px 5px rgba(var(--drop-shadow-color));
+    --drop-shadow-start: 2px 0px 5px rgba(var(--drop-shadow-color));
 
     --ion-text-color: var(--text-color);
     --ion-text-color-rgb: #{$text-color-rgb};