diff --git a/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.html b/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.html
index 053fddf7..6ce42b59 100644
--- a/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.html
+++ b/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.html
@@ -1,227 +1,146 @@
-<div class="routes-menu d-flex flex-column h-100">
-  <div class="d-flex">
-    <div class="d-flex w-100 pt-2 pb-2 align-items-center">
-      <div ngbDropdown id="routes-add-dropdown">
-        <button
-          class="btn btn-link dropdown-toggle dropdown-toggle-icon"
-          type="button"
-          ngbDropdownToggle
-        >
-          <app-svg icon="add_box"></app-svg>
-        </button>
-        <div
-          class="dropdown-menu"
-          id="routes-add-dropdown-menu"
-          ngbDropdownMenu
-        >
-          <button class="btn dropdown-item" (click)="addCRUDRouteTemplate()">
-            <app-svg icon="magic" class="mr-1"></app-svg> From template
-          </button>
-          <button class="btn dropdown-item" (click)="addCRUDRoute()">
-            <app-svg icon="endpoints" class="mr-1"></app-svg> CRUD route
-          </button>
-          <button class="btn dropdown-item" (click)="addHTTPRoute()">
-            <app-svg icon="endpoint" class="mr-1"></app-svg> HTTP route
-          </button>
-          <button class="btn dropdown-item" (click)="addFolder()">
-            <app-svg icon="folder" class="mr-1"></app-svg> Folder
-          </button>
-        </div>
-      </div>
-
-      <div class="flex-grow-1">
-        <div class="input-group" *ngIf="os$ | async as os">
-          <input
-            type="text"
-            class="form-control"
-            id="route-filter"
-            placeholder="Filter"
-            [formControl]="routesFilter"
-            [ngbTooltip]="
-              'Filter routes (' +
-              (os === 'darwin' ? 'Cmd' : 'Ctrl') +
-              '+Shift+F)'
-            "
-            triggers="hover"
-            [appFocusOnEvent]="focusableInputs.ROUTE_FILTER"
-          />
+<ng-container
+  *ngIf="{
+    duplicatedRoutes: duplicatedRoutes$ | async
+  } as data"
+>
+  <div class="routes-menu d-flex flex-column h-100">
+    <div class="d-flex">
+      <div class="d-flex w-100 pt-2 pb-2 align-items-center">
+        <div ngbDropdown id="routes-add-dropdown">
           <button
-            *ngIf="routesFilter.value.length > 0"
+            class="btn btn-link dropdown-toggle dropdown-toggle-icon"
             type="button"
-            id="route-filter-clear"
-            (click)="clearFilter()"
-            class="btn btn-custom"
-            ngbTooltip="Clear filter"
+            ngbDropdownToggle
           >
-            <app-svg icon="clear"></app-svg>
+            <app-svg icon="add_box"></app-svg>
           </button>
+          <div
+            class="dropdown-menu"
+            id="routes-add-dropdown-menu"
+            ngbDropdownMenu
+          >
+            <button class="btn dropdown-item" (click)="addCRUDRouteTemplate()">
+              <app-svg icon="magic" class="mr-1"></app-svg> From template
+            </button>
+            <button class="btn dropdown-item" (click)="addCRUDRoute()">
+              <app-svg icon="endpoints" class="mr-1"></app-svg> CRUD route
+            </button>
+            <button class="btn dropdown-item" (click)="addHTTPRoute()">
+              <app-svg icon="endpoint" class="mr-1"></app-svg> HTTP route
+            </button>
+            <button class="btn dropdown-item" (click)="addFolder()">
+              <app-svg icon="folder" class="mr-1"></app-svg> Folder
+            </button>
+          </div>
+        </div>
+
+        <div class="flex-grow-1">
+          <div class="input-group" *ngIf="os$ | async as os">
+            <input
+              type="text"
+              class="form-control"
+              id="route-filter"
+              placeholder="Filter"
+              [formControl]="routesFilter"
+              [ngbTooltip]="
+                'Filter routes (' +
+                (os === 'darwin' ? 'Cmd' : 'Ctrl') +
+                '+Shift+F)'
+              "
+              triggers="hover"
+              [appFocusOnEvent]="focusableInputs.ROUTE_FILTER"
+            />
+            <button
+              *ngIf="routesFilter.value.length > 0"
+              type="button"
+              id="route-filter-clear"
+              (click)="clearFilter()"
+              class="btn btn-custom"
+              ngbTooltip="Clear filter"
+            >
+              <app-svg icon="clear"></app-svg>
+            </button>
+          </div>
         </div>
       </div>
     </div>
+
+    <ng-container *ngIf="rootFolder$ | async as rootFolder">
+      <ul #routesMenu class="nav flex-column menu-list h-100 pt-1 pb-2">
+        <ng-container
+          [ngTemplateOutlet]="foldersTemplate"
+          [ngTemplateOutletContext]="{
+            folder: rootFolder
+          }"
+        >
+        </ng-container>
+      </ul>
+    </ng-container>
+
+    <div
+      appResizeColumn
+      type="secondary"
+      [minWidth]="menuSize"
+      [maxWidthFactor]="0.25"
+      class="resize-column"
+    ></div>
   </div>
 
-  <ng-container *ngIf="rootFolder$ | async as rootFolder">
-    <ul #routesMenu class="nav flex-column menu-list h-100 pt-1 pb-2">
+  <!-- Recursive folder template (first use is for the root level, some props will be undefined) -->
+  <ng-template
+    #foldersTemplate
+    let-folder="folder"
+    let-parentId="parentId"
+    let-parentChainId="parentChainId"
+    let-level="level"
+  >
+    <ng-container *ngFor="let child of folder.children">
       <ng-container
-        [ngTemplateOutlet]="foldersTemplate"
+        *ngIf="child.type === 'folder'"
+        [ngTemplateOutlet]="folderItemTemplate"
         [ngTemplateOutletContext]="{
-          folder: rootFolder
+          folder: child.data,
+          parentId: parentId === undefined ? 'root' : parentId,
+          parentChainId: parentChainId === undefined ? ['root'] : parentChainId,
+          level: level === undefined ? 0 : level
         }"
       >
       </ng-container>
-    </ul>
-  </ng-container>
-
-  <div
-    appResizeColumn
-    type="secondary"
-    [minWidth]="menuSize"
-    [maxWidthFactor]="0.25"
-    class="resize-column"
-  ></div>
-</div>
 
-<!-- Recursive folder template (first use is for the root level, some props will be undefined) -->
-<ng-template
-  #foldersTemplate
-  let-folder="folder"
-  let-parentId="parentId"
-  let-parentChainId="parentChainId"
-  let-level="level"
->
-  <ng-container *ngFor="let child of folder.children">
-    <ng-container
-      *ngIf="child.type === 'folder'"
-      [ngTemplateOutlet]="folderItemTemplate"
-      [ngTemplateOutletContext]="{
-        folder: child.data,
-        parentId: parentId === undefined ? 'root' : parentId,
-        parentChainId: parentChainId === undefined ? ['root'] : parentChainId,
-        level: level === undefined ? 0 : level
-      }"
-    >
+      <ng-container
+        *ngIf="child.type === 'route'"
+        [ngTemplateOutlet]="routeItemTemplate"
+        [ngTemplateOutletContext]="{
+          route: child.data,
+          parentId: parentId === undefined ? 'root' : parentId,
+          parentChainId: parentChainId === undefined ? ['root'] : parentChainId,
+          level: level === undefined ? 0 : level
+        }"
+      ></ng-container>
     </ng-container>
+  </ng-template>
 
-    <ng-container
-      *ngIf="child.type === 'route'"
-      [ngTemplateOutlet]="routeItemTemplate"
-      [ngTemplateOutletContext]="{
-        route: child.data,
-        parentId: parentId === undefined ? 'root' : parentId,
-        parentChainId: parentChainId === undefined ? ['root'] : parentChainId,
-        level: level === undefined ? 0 : level
-      }"
-    ></ng-container>
-  </ng-container>
-</ng-template>
-
-<!-- Folder item template -->
-<ng-template
-  #folderItemTemplate
-  let-folder="folder"
-  let-parentId="parentId"
-  let-parentChainId="parentChainId"
-  let-level="level"
->
-  <li
-    class="nav-item"
-    [ngClass]="{ 'd-none': (routesFilter$ | async) }"
-    appDraggable
-    appDropzone
-    dragContainer="routes"
-    [dragEnabled]="dragEnabled"
-    [dragParentId]="parentId"
-    [dragParentChainId]="parentChainId"
-    [dragIsContainer]="true"
-    [dragId]="folder.uuid"
-    (dropped)="reorganizeRoutes($event)"
-    (contextmenu)="openContextMenu('folder', folder.uuid, $event)"
+  <!-- Folder item template -->
+  <ng-template
+    #folderItemTemplate
+    let-folder="folder"
+    let-parentId="parentId"
+    let-parentChainId="parentChainId"
+    let-level="level"
   >
-    <!-- Calculate padding of 2 rem + 0.5 (gap between the folder icon and folder name) -->
-    <a
-      class="nav-link"
-      [ngStyle]="{
-        'padding-left.rem':
-          (routesFilter$ | async) || !level ? undefined : level * 2 + 0.5
-      }"
-      [formGroup]="folderForm"
-      (click)="toggleCollapse(folder)"
-    >
-      <div class="d-flex">
-        <div>
-          <app-svg
-            [icon]="folder.collapsed ? 'folder' : 'folder_open'"
-            class="pr-2"
-          ></app-svg>
-        </div>
-        <app-editable-element
-          *ngIf="settings$ | async as settings"
-          [ngClass]="{
-            ellipsis: settings.truncateRouteName,
-            'text-break': !settings.truncateRouteName
-          }"
-          [text]="folder.name"
-          formControlName="name"
-          (editChange)="editFolder(folder, $event)"
-        ></app-editable-element>
-      </div>
-    </a>
-  </li>
-
-  <!-- Display sub items if folder is not collapsed or if a search is in progress -->
-  <ng-container *ngIf="!folder.collapsed || (routesFilter$ | async)">
     <li
-      *ngIf="folder.children.length === 0"
       class="nav-item"
       [ngClass]="{ 'd-none': (routesFilter$ | async) }"
-    >
-      <!-- Calculate padding of 2 rem + 0.5 (gap between the folder icon and folder name) -->
-      <a
-        class="nav-link disabled"
-        [ngStyle]="{
-          'padding-left.rem':
-            (routesFilter$ | async) ? undefined : (level + 1) * 2 + 0.5
-        }"
-        >Folder is empty</a
-      >
-    </li>
-
-    <!-- Display sub items -->
-    <ng-container
-      *ngIf="folder.children.length > 0"
-      [ngTemplateOutlet]="foldersTemplate"
-      [ngTemplateOutletContext]="{
-        folder: folder,
-        parentId: folder.uuid,
-        parentChainId: parentChainId.concat(folder.uuid),
-        level: level + 1
-      }"
-    >
-    </ng-container>
-  </ng-container>
-</ng-template>
-
-<!-- Route item template -->
-<ng-template
-  #routeItemTemplate
-  let-route="route"
-  let-parentId="parentId"
-  let-parentChainId="parentChainId"
-  let-level="level"
->
-  <ng-container *ngIf="activeEnvironment$ | async as activeEnvironment">
-    <li
-      class="nav-item"
-      [appSearchFilter]="routesFilter$"
       appDraggable
       appDropzone
       dragContainer="routes"
       [dragEnabled]="dragEnabled"
       [dragParentId]="parentId"
       [dragParentChainId]="parentChainId"
-      [dragIsContainer]="false"
-      [dragId]="route.uuid"
+      [dragIsContainer]="true"
+      [dragId]="folder.uuid"
       (dropped)="reorganizeRoutes($event)"
+      (contextmenu)="openContextMenu('folder', folder.uuid, $event)"
     >
       <!-- Calculate padding of 2 rem + 0.5 (gap between the folder icon and folder name) -->
       <a
@@ -230,43 +149,151 @@
           'padding-left.rem':
             (routesFilter$ | async) || !level ? undefined : level * 2 + 0.5
         }"
-        [ngClass]="{
-          active: (activeRoute$ | async)?.uuid === route.uuid,
-          'route-disabled': !route.enabled
-        }"
-        (click)="selectRoute(route.uuid)"
-        (contextmenu)="openContextMenu('route', route.uuid, $event, parentId)"
+        [formGroup]="folderForm"
+        (click)="toggleCollapse(folder)"
       >
-        <div
-          *ngIf="settings$ | async as settings"
-          class="nav-link-label"
-          [ngClass]="{
-            ellipsis: settings.truncateRouteName,
-            'text-break': !settings.truncateRouteName
-          }"
-        >
-          <span
-            *ngIf="duplicatedRoutes$ | async as duplicatedRoutes"
-            class="text-warning"
-            ngbTooltip="Route is duplicated (same endpoint and method)"
-            ><app-svg
-              *ngIf="duplicatedRoutes[activeEnvironment.uuid]?.has(route.uuid)"
-              icon="warning"
+        <div class="d-flex">
+          <div>
+            <app-svg
+              [icon]="folder.collapsed ? 'folder' : 'folder_open'"
               class="pr-2"
             ></app-svg>
-          </span>
-          <span
-            class="badge badge-default route-badge-{{
-              route.type === 'crud' ? 'crud' : route.method
-            }} float-right"
-            >{{ route.type === 'crud' ? 'CRUD' : (route.method | uppercase) }}
-          </span>
-          /{{ route.endpoint }}
-        </div>
-        <div class="nav-link-subtitle ellipsis">
-          {{ route.documentation }}
+          </div>
+          <app-editable-element
+            *ngIf="settings$ | async as settings"
+            [ngClass]="{
+              ellipsis: settings.truncateRouteName,
+              'text-break': !settings.truncateRouteName
+            }"
+            [text]="folder.name"
+            formControlName="name"
+            (editChange)="editFolder(folder, $event)"
+          ></app-editable-element>
         </div>
       </a>
     </li>
-  </ng-container>
-</ng-template>
+
+    <!-- Display sub items if folder is not collapsed or if a search is in progress -->
+    <ng-container *ngIf="!folder.collapsed || (routesFilter$ | async)">
+      <li
+        *ngIf="folder.children.length === 0"
+        class="nav-item"
+        [ngClass]="{ 'd-none': (routesFilter$ | async) }"
+      >
+        <!-- Calculate padding of 2 rem + 0.5 (gap between the folder icon and folder name) -->
+        <a
+          class="nav-link disabled"
+          [ngStyle]="{
+            'padding-left.rem':
+              (routesFilter$ | async) ? undefined : (level + 1) * 2 + 0.5
+          }"
+          >Folder is empty</a
+        >
+      </li>
+
+      <!-- Display sub items -->
+      <ng-container
+        *ngIf="folder.children.length > 0"
+        [ngTemplateOutlet]="foldersTemplate"
+        [ngTemplateOutletContext]="{
+          folder: folder,
+          parentId: folder.uuid,
+          parentChainId: parentChainId.concat(folder.uuid),
+          level: level + 1
+        }"
+      >
+      </ng-container>
+    </ng-container>
+  </ng-template>
+
+  <!-- Route item template -->
+  <ng-template
+    #routeItemTemplate
+    let-route="route"
+    let-parentId="parentId"
+    let-parentChainId="parentChainId"
+    let-level="level"
+  >
+    <ng-container *ngIf="activeEnvironment$ | async as activeEnvironment">
+      <li
+        class="nav-item"
+        [appSearchFilter]="routesFilter$"
+        appDraggable
+        appDropzone
+        dragContainer="routes"
+        [dragEnabled]="dragEnabled"
+        [dragParentId]="parentId"
+        [dragParentChainId]="parentChainId"
+        [dragIsContainer]="false"
+        [dragId]="route.uuid"
+        (dropped)="reorganizeRoutes($event)"
+      >
+        <!-- Calculate padding of 2 rem + 0.5 (gap between the folder icon and folder name) -->
+        <a
+          class="nav-link d-flex flex-column"
+          [ngStyle]="{
+            'padding-left.rem':
+              (routesFilter$ | async) || !level ? undefined : level * 2 + 0.5
+          }"
+          [ngClass]="{
+            active: (activeRoute$ | async)?.uuid === route.uuid,
+            'route-disabled': !route.enabled
+          }"
+          (click)="selectRoute(route.uuid)"
+          (contextmenu)="openContextMenu('route', route.uuid, $event, parentId)"
+        >
+          <div class="d-flex">
+            <div
+              *ngIf="
+                data.duplicatedRoutes[activeEnvironment.uuid]?.has(route.uuid)
+              "
+              class="text-warning pr-2 d-flex align-items-center"
+              ngbTooltip="Route is duplicated (same endpoint and method)"
+            >
+              <app-svg icon="warning"></app-svg>
+            </div>
+            <div
+              *ngIf="route.responseMode === ResponseMode.FALLBACK"
+              class="text-primary pr-2 d-flex align-items-center"
+              ngbTooltip="Fallback mode activated"
+            >
+              <app-svg icon="low_priority"></app-svg>
+            </div>
+            <div
+              *ngIf="settings$ | async as settings"
+              class="nav-link-label"
+              [ngClass]="{
+                ellipsis: settings.truncateRouteName,
+                'text-break': !settings.truncateRouteName
+              }"
+            >
+              <div
+                [ngClass]="{
+                  ellipsis: settings.truncateRouteName,
+                  'text-break': !settings.truncateRouteName
+                }"
+              >
+                /{{ route.endpoint }}
+              </div>
+            </div>
+            <div class="ml-auto pl-2">
+              <span
+                class="badge badge-default route-badge-{{
+                  route.type === 'crud' ? 'crud' : route.method
+                }}"
+                >{{
+                  route.type === 'crud' ? 'CRUD' : (route.method | uppercase)
+                }}
+              </span>
+            </div>
+          </div>
+          <div>
+            <div class="nav-link-subtitle ellipsis pt-2 pl-2">
+              {{ route.documentation }}
+            </div>
+          </div>
+        </a>
+      </li>
+    </ng-container>
+  </ng-template>
+</ng-container>
diff --git a/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.ts b/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.ts
index 97d8fdd4..4cf0c4d6 100644
--- a/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.ts
+++ b/packages/desktop/src/renderer/app/components/menus/routes-menu/routes-menu.component.ts
@@ -8,8 +8,14 @@ import {
   ViewChild
 } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { Environment, Folder, FolderChild, Route } from '@mockoon/commons';
-import { from, merge, Observable, Subject } from 'rxjs';
+import {
+  Environment,
+  Folder,
+  FolderChild,
+  ResponseMode,
+  Route
+} from '@mockoon/commons';
+import { Observable, Subject, from, merge } from 'rxjs';
 import {
   debounceTime,
   distinctUntilChanged,
@@ -75,6 +81,7 @@ export class RoutesMenuComponent implements OnInit, OnDestroy {
   public os$: Observable<string>;
   public menuSize = Config.defaultSecondaryMenuSize;
   public draggedFolderCollapsed: boolean;
+  public ResponseMode = ResponseMode;
   private destroy$ = new Subject<void>();
 
   constructor(