diff --git a/src/app/@core/utils/layout.service.ts b/src/app/@core/utils/layout.service.ts
index 2a8fb82d..046db42f 100644
--- a/src/app/@core/utils/layout.service.ts
+++ b/src/app/@core/utils/layout.service.ts
@@ -1,6 +1,6 @@
 import { Injectable } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
-import { delay, shareReplay } from 'rxjs/operators';
+import { delay, shareReplay, debounceTime } from 'rxjs/operators';
 
 @Injectable()
 export class LayoutService {
@@ -17,4 +17,10 @@ export class LayoutService {
   onChangeLayoutSize(): Observable<any> {
     return this.layoutSizeChange$.pipe(delay(1));
   }
+
+  onSafeChangeLayoutSize(): Observable<any> {
+    return this.layoutSizeChange$.pipe(
+      debounceTime(350),
+    );
+  }
 }