diff --git a/sass/_menu.scss b/sass/_menu.scss
index 37c252925955981397b6d8024f23c56ec8ec70b4..f790601512080c8f5698f2db36ed585e2b2bf84c 100644
--- a/sass/_menu.scss
+++ b/sass/_menu.scss
@@ -54,6 +54,9 @@
 
 #main-navbar {
     background-color: teckids.$orange;
+    // adapted from the --bulma-shadow css variable
+    box-shadow: 0 .5em 1em -.125em hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.3),
+        0 0 0 1px hsla(var(--bulma-shadow-h), var(--bulma-shadow-s), var(--bulma-shadow-l), 0.05);
 }
 
 #main-navbar .navbar-brand > a {