diff --git a/src/app/modules/admin/apps/mailbox/empty-details/empty-details.component.html b/src/app/modules/admin/apps/mailbox/empty-details/empty-details.component.html
new file mode 100644
index 00000000..7fd163df
--- /dev/null
+++ b/src/app/modules/admin/apps/mailbox/empty-details/empty-details.component.html
@@ -0,0 +1,11 @@
+<div class="flex flex-col flex-auto overflow-y-auto lg:overflow-hidden bg-card dark:bg-default">
+
+    <!-- Select mail to read -->
+    <div class="flex flex-col flex-auto items-center justify-center bg-gray-100 dark:bg-transparent">
+        <mat-icon
+            class="icon-size-24"
+            [svgIcon]="'iconsmind:mailbox_empty'"></mat-icon>
+        <div class="mt-4 text-2xl font-semibold tracking-tight text-secondary">Select a mail to read</div>
+    </div>
+
+</div>
diff --git a/src/app/modules/admin/apps/mailbox/empty-details/empty-details.component.ts b/src/app/modules/admin/apps/mailbox/empty-details/empty-details.component.ts
new file mode 100644
index 00000000..e5d5df78
--- /dev/null
+++ b/src/app/modules/admin/apps/mailbox/empty-details/empty-details.component.ts
@@ -0,0 +1,16 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector     : 'mailbox-empty-details',
+    templateUrl  : './empty-details.component.html',
+    encapsulation: ViewEncapsulation.None
+})
+export class MailboxEmptyDetailsComponent
+{
+    /**
+     * Constructor
+     */
+    constructor()
+    {
+    }
+}
diff --git a/src/app/modules/admin/apps/mailbox/mailbox.module.ts b/src/app/modules/admin/apps/mailbox/mailbox.module.ts
index ae5e20a1..3ab7a5a9 100644
--- a/src/app/modules/admin/apps/mailbox/mailbox.module.ts
+++ b/src/app/modules/admin/apps/mailbox/mailbox.module.ts
@@ -20,6 +20,7 @@ import { SharedModule } from 'app/shared/shared.module';
 import { MailboxComponent } from 'app/modules/admin/apps/mailbox/mailbox.component';
 import { MailboxComposeComponent } from 'app/modules/admin/apps/mailbox/compose/compose.component';
 import { MailboxDetailsComponent } from 'app/modules/admin/apps/mailbox/details/details.component';
+import { MailboxEmptyDetailsComponent } from 'app/modules/admin/apps/mailbox/empty-details/empty-details.component';
 import { MailboxListComponent } from 'app/modules/admin/apps/mailbox/list/list.component';
 import { MailboxSettingsComponent } from 'app/modules/admin/apps/mailbox/settings/settings.component';
 import { MailboxSidebarComponent } from 'app/modules/admin/apps/mailbox/sidebar/sidebar.component';
@@ -30,6 +31,7 @@ import { mailboxRoutes } from 'app/modules/admin/apps/mailbox/mailbox.routing';
         MailboxComponent,
         MailboxComposeComponent,
         MailboxDetailsComponent,
+        MailboxEmptyDetailsComponent,
         MailboxListComponent,
         MailboxSettingsComponent,
         MailboxSidebarComponent
diff --git a/src/app/modules/admin/apps/mailbox/mailbox.routing.ts b/src/app/modules/admin/apps/mailbox/mailbox.routing.ts
index e2b35e85..5a6d952f 100644
--- a/src/app/modules/admin/apps/mailbox/mailbox.routing.ts
+++ b/src/app/modules/admin/apps/mailbox/mailbox.routing.ts
@@ -5,6 +5,7 @@ import { MailboxFiltersResolver, MailboxFoldersResolver, MailboxLabelsResolver,
 import { MailboxListComponent } from 'app/modules/admin/apps/mailbox/list/list.component';
 import { MailboxDetailsComponent } from 'app/modules/admin/apps/mailbox/details/details.component';
 import { MailboxSettingsComponent } from 'app/modules/admin/apps/mailbox/settings/settings.component';
+import { MailboxEmptyDetailsComponent } from 'app/modules/admin/apps/mailbox/empty-details/empty-details.component';
 
 /**
  * Mailbox custom route matcher
@@ -141,15 +142,15 @@ export const mailboxRoutes: Route[] = [
                 children             : [
                     {
                         path     : '',
+                        pathMatch: 'full',
+                        component: MailboxEmptyDetailsComponent
+                    },
+                    {
+                        path     : ':id',
                         component: MailboxDetailsComponent,
-                        children : [
-                            {
-                                path   : ':id',
-                                resolve: {
-                                    mail: MailboxMailResolver
-                                }
-                            }
-                        ]
+                        resolve  : {
+                            mail: MailboxMailResolver
+                        }
                     }
                 ]
             },