diff --git a/packages/wyatt_ui_layout/example/lib/components/custom_app_bar.dart b/packages/wyatt_ui_layout/example/lib/components/custom_app_bar.dart
index dd5394ca..5943737e 100644
--- a/packages/wyatt_ui_layout/example/lib/components/custom_app_bar.dart
+++ b/packages/wyatt_ui_layout/example/lib/components/custom_app_bar.dart
@@ -13,6 +13,6 @@ class CustomAppBar extends AppBarComponent with $CustomAppBarCWMixin {
 
   @override
   Widget build(BuildContext context) => AppBar(
-        title: Text(title ?? ''),
+        title: Text(title?.text ?? ''),
       );
 }
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 c7aae7db..26cd6fdb 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
@@ -36,7 +36,7 @@ class AppBarLayout extends Layout {
         appBar: PreferredSize(
           preferredSize: const Size.fromHeight(60),
           child: context.components.appBar?.copyWith(
-                title: title,
+                title: title.wrap(),
                 leading: leading,
                 actions: actions,
               ) ??
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 e4347fa0..da0f7f40 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
@@ -38,7 +38,7 @@ class FrameLayout extends Layout {
         appBar: PreferredSize(
           preferredSize: const Size.fromHeight(60),
           child: context.components.appBar?.copyWith(
-                title: title,
+                title: title.wrap(),
                 leading: leading,
                 actions: actions,
               ) ??