diff --git a/app/Controllers/DirectoryController.php b/app/Controllers/DirectoryController.php
index c63105c..03a90c9 100644
--- a/app/Controllers/DirectoryController.php
+++ b/app/Controllers/DirectoryController.php
@@ -85,6 +85,7 @@ class DirectoryController
         }
 
         return $this->view->render($response, 'index.twig', [
+            'title' => $this->relativePath($path),
             'breadcrumbs' => $this->breadcrumbs($path),
             'files' => $files,
             'is_root' => $this->isRoot($path),
@@ -93,6 +94,20 @@ class DirectoryController
         ]);
     }
 
+    /**
+     * Return the relative path given a full path.
+     *
+     * @param string $path
+     *
+     * @return string
+     */
+    protected function relativePath(string $path): string
+    {
+        return Collection::make(explode('/', $path))->diff(
+            explode('/', $this->container->get('base_path'))
+        )->filter()->implode('/');
+    }
+
     /**
      * Build an array of breadcrumbs for a given path.
      *
diff --git a/app/resources/views/index.twig b/app/resources/views/index.twig
index 696f8ef..69facf5 100644
--- a/app/resources/views/index.twig
+++ b/app/resources/views/index.twig
@@ -1,5 +1,6 @@
 {% extends "layouts/app.twig" %}
 
+{% block title %}{{ title }}{% endblock %}
 {% block content %}
     {% include "components/header.twig" %}
 
diff --git a/app/resources/views/layouts/app.twig b/app/resources/views/layouts/app.twig
index d38f7a1..b144bb4 100644
--- a/app/resources/views/layouts/app.twig
+++ b/app/resources/views/layouts/app.twig
@@ -7,7 +7,7 @@
 
 <link rel="stylesheet" href="{{ asset('app.css') }}">
 
-<title>Directory Lister</title>
+<title>{% block title %}{% endblock %} &bull; Directory Lister</title>
 
 <div id="app" class="flex flex-col min-h-screen font-mono {{ config('dark_mode') ? 'dark-mode' : '' }}">
     {% block content %}{% endblock %}