diff --git a/npm/ng-packs/packages/theme-basic/src/lib/services/layout-state.service.ts b/npm/ng-packs/packages/theme-basic/src/lib/services/layout-state.service.ts
index 92ab3d0c59..a68e97c32c 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/services/layout-state.service.ts
+++ b/npm/ng-packs/packages/theme-basic/src/lib/services/layout-state.service.ts
@@ -1,6 +1,8 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { LayoutState } from '../states/layout.state';
+import { AddNavigationElement, RemoveNavigationElementByName } from '../actions';
+import { Layout } from '../models/layout';
 
 @Injectable()
 export class LayoutStateService {
@@ -9,4 +11,12 @@ export class LayoutStateService {
   getNavigationElements() {
     return this.store.selectSnapshot(LayoutState.getNavigationElements);
   }
+
+  dispatchAddNavigationElement(payload: Layout.NavigationElement | Layout.NavigationElement[]) {
+    return this.store.dispatch(new AddNavigationElement(payload));
+  }
+
+  dispatchRemoveNavigationElementByName(name: string) {
+    return this.store.dispatch(new RemoveNavigationElementByName(name));
+  }
 }