diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index f3c7ea5..e6c4dde 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -17,7 +17,7 @@ import {
 import {Observable, Subject} from 'rxjs';
 import {ReqLoadPage, ReqLoadRootPage} from './ngrx/actions/page-actions';
 import {PageModel} from './models/page-model';
-import {AddCommand, ClearHistory, PreviewIndexUpdate, ToggleCli} from './ngrx/actions/cli-actions';
+import {AddCommand, ClearHistory, PreviewIndexUpdate, ToggleCli, CollapseCli} from './ngrx/actions/cli-actions';
 import {ConfirmDialogComponent} from './components/confirm-dialog/confirm-dialog.component';
 import {InformationDialogComponent} from './components/information-dialog/information-dialog.component';
 import {SettingsDialogComponent} from './components/settings-dialog/settings-dialog.component';
@@ -195,6 +195,7 @@ export class AppComponent implements OnInit {
     this.currentInstance = null;
     this._store.dispatch(new RedisDisconnect({id}));
     this._store.dispatch(new ReqLoadPage(getNewPage()));
+    this._store.dispatch(new CollapseCli());
   }
 
   onInformationEvt() {
diff --git a/src/app/ngrx/actions/cli-actions.ts b/src/app/ngrx/actions/cli-actions.ts
index 4a60e41..fb06ce2 100644
--- a/src/app/ngrx/actions/cli-actions.ts
+++ b/src/app/ngrx/actions/cli-actions.ts
@@ -9,7 +9,8 @@ export enum CliActions {
   ClearHistory = 'Clear History', // clear all cli history
   ToggleCli = 'Toggle Cli', // toggle cli panel
   ClearPreviewIndex = 'Clear Preview Index', // clear preview index
-  PreviewIndexUpdate = 'Preview Index Update' // update preview index
+  PreviewIndexUpdate = 'Preview Index Update', // update preview index
+  CollapseCli = 'Collapse Cli' // collpase cli panel
 }
 
 export class AddCommand implements Action {
@@ -41,3 +42,7 @@ export class PreviewIndexUpdate implements Action {
 export class ClearPreviewIndex implements Action {
   readonly type = CliActions.ClearPreviewIndex;
 }
+
+export class CollapseCli implements Action {
+  readonly type = CliActions.CollapseCli;
+}
diff --git a/src/app/ngrx/reducer/cli-reducer.ts b/src/app/ngrx/reducer/cli-reducer.ts
index d50b599..288c869 100644
--- a/src/app/ngrx/reducer/cli-reducer.ts
+++ b/src/app/ngrx/reducer/cli-reducer.ts
@@ -53,6 +53,10 @@ export function reducer(state = initialState, action) {
       state.expanded = !state.expanded;
       return state;
     }
+    case CliActions.CollapseCli: {
+      state.expanded = false;
+      return state;
+    }
     default: {
       return state;
     }