diff --git a/packages/wyatt_ui_components/lib/src/features/component_theme_data.dart b/packages/wyatt_ui_components/lib/src/features/component_theme_data.dart
index c083545a..1f58e87c 100644
--- a/packages/wyatt_ui_components/lib/src/features/component_theme_data.dart
+++ b/packages/wyatt_ui_components/lib/src/features/component_theme_data.dart
@@ -19,6 +19,7 @@ import 'package:wyatt_ui_components/src/domain/entities/entities.dart';
 class ComponentThemeData {
   const ComponentThemeData.raw({
     this.appBar,
+    this.topNavigationBarComponent,
     this.bottomNavigationBar,
     this.errorWidget,
     this.loadingWidget,
@@ -35,7 +36,10 @@ class ComponentThemeData {
     this.skillCardComponent,
   });
   final AppBarComponent? appBar;
+
+  final TopNavigationBarComponent? topNavigationBarComponent;
   final BottomNavigationBarComponent? bottomNavigationBar;
+
   final ErrorWidgetComponent? errorWidget;
   final LoadingWidgetComponent? loadingWidget;
   final LoaderComponent? loaderComponent;