diff --git a/src/shared/settingsLayout.tsx b/src/shared/settingsLayout.tsx
index 5e9cca4a..ba3e61ab 100644
--- a/src/shared/settingsLayout.tsx
+++ b/src/shared/settingsLayout.tsx
@@ -2,6 +2,7 @@ import { NavLink, Outlet, ScrollRestoration } from 'react-router-dom';
 import { twMerge } from 'tailwind-merge';
 
 import { AppHeader } from '@shared/appHeader';
+import { LumeBar } from '@shared/lumeBar';
 
 export function SettingsLayout() {
   return (
@@ -54,6 +55,9 @@ export function SettingsLayout() {
             </div>
           </div>
         </div>
+        <div className="absolute bottom-3 left-0 w-full px-10">
+          <LumeBar />
+        </div>
       </div>
       <div className="h-full w-full">
         <Outlet />