diff --git a/x-pack/plugins/observability/public/application/index.tsx b/x-pack/plugins/observability/public/application/index.tsx
index 8a36ffe166710..bce6ad7918632 100644
--- a/x-pack/plugins/observability/public/application/index.tsx
+++ b/x-pack/plugins/observability/public/application/index.tsx
@@ -5,6 +5,7 @@
  * 2.0.
  */
 
+import { EuiErrorBoundary } from '@elastic/eui';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Router, Switch } from 'react-router-dom';
@@ -87,43 +88,45 @@ export const renderApp = ({
   const ApplicationUsageTrackingProvider =
     usageCollection?.components.ApplicationUsageTrackingProvider ?? React.Fragment;
   ReactDOM.render(
-    <ApplicationUsageTrackingProvider>
-      <KibanaThemeProvider theme$={theme$}>
-        <KibanaContextProvider
-          services={{
-            ...core,
-            ...plugins,
-            storage: new Storage(localStorage),
-            isDev,
-            kibanaVersion,
-          }}
-        >
-          <PluginContext.Provider
-            value={{
-              config,
-              appMountParameters,
-              observabilityRuleTypeRegistry,
-              ObservabilityPageTemplate,
+    <EuiErrorBoundary>
+      <ApplicationUsageTrackingProvider>
+        <KibanaThemeProvider theme$={theme$}>
+          <KibanaContextProvider
+            services={{
+              ...core,
+              ...plugins,
+              storage: new Storage(localStorage),
+              isDev,
+              kibanaVersion,
             }}
           >
-            <Router history={history}>
-              <EuiThemeProvider darkMode={isDarkMode}>
-                <i18nCore.Context>
-                  <RedirectAppLinks application={core.application} className={APP_WRAPPER_CLASS}>
-                    <QueryClientProvider client={queryClient}>
-                      <HasDataContextProvider>
-                        <App />
-                      </HasDataContextProvider>
-                      <ReactQueryDevtools />
-                    </QueryClientProvider>
-                  </RedirectAppLinks>
-                </i18nCore.Context>
-              </EuiThemeProvider>
-            </Router>
-          </PluginContext.Provider>
-        </KibanaContextProvider>
-      </KibanaThemeProvider>
-    </ApplicationUsageTrackingProvider>,
+            <PluginContext.Provider
+              value={{
+                config,
+                appMountParameters,
+                observabilityRuleTypeRegistry,
+                ObservabilityPageTemplate,
+              }}
+            >
+              <Router history={history}>
+                <EuiThemeProvider darkMode={isDarkMode}>
+                  <i18nCore.Context>
+                    <RedirectAppLinks application={core.application} className={APP_WRAPPER_CLASS}>
+                      <QueryClientProvider client={queryClient}>
+                        <HasDataContextProvider>
+                          <App />
+                        </HasDataContextProvider>
+                        <ReactQueryDevtools />
+                      </QueryClientProvider>
+                    </RedirectAppLinks>
+                  </i18nCore.Context>
+                </EuiThemeProvider>
+              </Router>
+            </PluginContext.Provider>
+          </KibanaContextProvider>
+        </KibanaThemeProvider>
+      </ApplicationUsageTrackingProvider>
+    </EuiErrorBoundary>,
     element
   );
   return () => {
diff --git a/x-pack/plugins/observability/public/components/shared/page_template/page_template.tsx b/x-pack/plugins/observability/public/components/shared/page_template/page_template.tsx
index cafe693b8832b..b9e74ba537592 100644
--- a/x-pack/plugins/observability/public/components/shared/page_template/page_template.tsx
+++ b/x-pack/plugins/observability/public/components/shared/page_template/page_template.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import { EuiSideNavItemType, EuiPageSectionProps } from '@elastic/eui';
+import { EuiSideNavItemType, EuiPageSectionProps, EuiErrorBoundary } from '@elastic/eui';
 import { _EuiPageBottomBarProps } from '@elastic/eui/src/components/page_template/bottom_bar/page_bottom_bar';
 import { i18n } from '@kbn/i18n';
 import React, { useMemo } from 'react';
@@ -183,7 +183,7 @@ export function ObservabilityPageTemplate({
                 alignment={pageTemplateProps.isEmptyState ? 'center' : 'top'}
                 {...pageSectionProps}
               >
-                {children}
+                <EuiErrorBoundary>{children}</EuiErrorBoundary>
               </KibanaPageTemplate.Section>
               {bottomBar && (
                 <KibanaPageTemplate.BottomBar {...bottomBarProps}>