diff --git a/packages/wyatt_ui_layout/lib/src/presentation/layouts/app_bar_layout.dart b/packages/wyatt_ui_layout/lib/src/presentation/layouts/app_bar_layout.dart
index 9d392e1e..1bf8f571 100644
--- a/packages/wyatt_ui_layout/lib/src/presentation/layouts/app_bar_layout.dart
+++ b/packages/wyatt_ui_layout/lib/src/presentation/layouts/app_bar_layout.dart
@@ -31,7 +31,8 @@ class AppBarLayout extends Layout {
   Widget build(BuildContext context) => Scaffold(
         appBar: PreferredSize(
           preferredSize: const Size.fromHeight(60),
-          child: context.components.appBar.configure(title: title),
+          child: context.components.appBar?.configure(title: title) ??
+              const SizedBox.shrink(),
         ),
         body: body,
       );
diff --git a/packages/wyatt_ui_layout/lib/src/presentation/layouts/bottom_navigation_bar_layout.dart b/packages/wyatt_ui_layout/lib/src/presentation/layouts/bottom_navigation_bar_layout.dart
index 5c214ef9..58ee146f 100644
--- a/packages/wyatt_ui_layout/lib/src/presentation/layouts/bottom_navigation_bar_layout.dart
+++ b/packages/wyatt_ui_layout/lib/src/presentation/layouts/bottom_navigation_bar_layout.dart
@@ -14,7 +14,7 @@ class BottomNavigationBarLayout extends Layout {
   @override
   Widget build(BuildContext context) => Scaffold(
         body: body,
-        bottomNavigationBar: context.components.bottomNavigationBar.configure(
+        bottomNavigationBar: context.components.bottomNavigationBar?.configure(
           currentIndex: currentIndex,
         ),
       );
diff --git a/packages/wyatt_ui_layout/lib/src/presentation/layouts/frame_layout.dart b/packages/wyatt_ui_layout/lib/src/presentation/layouts/frame_layout.dart
index f32b869f..355716d3 100644
--- a/packages/wyatt_ui_layout/lib/src/presentation/layouts/frame_layout.dart
+++ b/packages/wyatt_ui_layout/lib/src/presentation/layouts/frame_layout.dart
@@ -34,10 +34,11 @@ class FrameLayout extends Layout {
   Widget build(BuildContext context) => Scaffold(
         appBar: PreferredSize(
           preferredSize: const Size.fromHeight(60),
-          child: context.components.appBar.configure(title: title),
+          child: context.components.appBar?.configure(title: title) ??
+              const SizedBox.shrink(),
         ),
         body: body,
-        bottomNavigationBar: context.components.bottomNavigationBar.configure(
+        bottomNavigationBar: context.components.bottomNavigationBar?.configure(
           currentIndex: currentIndex,
         ),
       );