diff --git a/src/app/app.routing.ts b/src/app/app.routing.ts
index ea4b2708..dbad221a 100644
--- a/src/app/app.routing.ts
+++ b/src/app/app.routing.ts
@@ -33,8 +33,7 @@ const appRoutes: Routes = [
     },
     {
         path: 'biography/:person',
-        component: BiographyComponent,
-        pathMatch: 'full'
+        component: BiographyComponent
     },
     {
         path: 'introduction/:project/:id',
diff --git a/src/app/biography/biography.component.html b/src/app/biography/biography.component.html
index 4a6472dc..7228f84d 100644
--- a/src/app/biography/biography.component.html
+++ b/src/app/biography/biography.component.html
@@ -287,6 +287,14 @@ <h2>Biography</h2>
                 </section>
             </ng-container>
 
+            <!-- in case the name does not exist -->
+            <ng-container *ngSwitchDefault>
+                <h1>Oops!</h1>
+                <p>
+                    <strong>The biography you are looking for does not exist!</strong>
+                </p>
+            </ng-container>
+
         </div>
     </div>