diff --git a/src/frontend/app/ui/frame/frame.component.css b/src/frontend/app/ui/frame/frame.component.css
index bb17a4e0..24b15c8a 100644
--- a/src/frontend/app/ui/frame/frame.component.css
+++ b/src/frontend/app/ui/frame/frame.component.css
@@ -3,6 +3,7 @@
   margin-bottom: 20px;
   position: absolute;
   width: 100%;
+  box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 30%)
 }
 
 .auto-hide-navbar {
diff --git a/src/frontend/app/ui/frame/frame.component.html b/src/frontend/app/ui/frame/frame.component.html
index 3aa067ad..05da07d7 100644
--- a/src/frontend/app/ui/frame/frame.component.html
+++ b/src/frontend/app/ui/frame/frame.component.html
@@ -1,5 +1,5 @@
 <ngx-loading-bar [includeSpinner]="false" color="#337ab7" height="3px"></ngx-loading-bar>
-<div #navContainer class="navbar-container auto-hide-navbar "
+<div #navContainer class="navbar-container auto-hide-navbar"
      [class.navbar-keep-top]="navbarKeepTop"
      [class.hide-navbar]="!navbarKeepTop && shouldHideNavbar"
      [class.animate-navbar]="animateNavbar">