diff --git a/packages/app/src/App.tsx b/packages/app/src/App.tsx
index 59f107c70d..421b21790c 100644
--- a/packages/app/src/App.tsx
+++ b/packages/app/src/App.tsx
@@ -30,6 +30,7 @@ import { createApp } from '@backstage/app-defaults';
 import { FlatRoutes } from '@backstage/core-app-api';
 import {
   AlertDisplay,
+  LayoutProvider,
   OAuthRequestDialog,
   SignInPage,
 } from '@backstage/core-components';
@@ -225,11 +226,13 @@ const routes = (
 
 const App = () => (
   <AppProvider>
-    <AlertDisplay />
-    <OAuthRequestDialog />
-    <AppRouter>
-      <Root>{routes}</Root>
-    </AppRouter>
+    <LayoutProvider>
+      <AlertDisplay />
+      <OAuthRequestDialog />
+      <AppRouter>
+        <Root>{routes}</Root>
+      </AppRouter>
+    </LayoutProvider>
   </AppProvider>
 );