diff --git a/files/templates/mobile_navigation_bar.html b/files/templates/mobile_navigation_bar.html
index 35c52b7f88..e65db89659 100644
--- a/files/templates/mobile_navigation_bar.html
+++ b/files/templates/mobile_navigation_bar.html
@@ -2,7 +2,7 @@
 
 <div class="container inline-flex sm:hidden">
 
-	<div class="z-100 fixed bottom-0 w-full bg-gray-200 border-t border-gray-300 px-4 py-2" id="mobile-bottom-navigation-bar" style="transition: bottom cubic-bezier(0, 0, 0.2, 1) 220ms;">
+	<div class="z-100 fixed shadow-sm bottom-0 w-full bg-gray-100 border-t border-gray-300 px-4 py-2" id="mobile-bottom-navigation-bar" style="transition: bottom cubic-bezier(0, 0, 0.2, 1) 220ms;">
 
 		<ul class="flex flex-nowrap justify-around">
 			<li>