diff --git a/config/config.exs b/config/config.exs
index 9340bb7..13ed4cc 100644
--- a/config/config.exs
+++ b/config/config.exs
@@ -17,6 +17,7 @@ config :annot_at, AnnotAtWeb.Endpoint,
   adapter: Bandit.PhoenixAdapter,
   render_errors: [
     formats: [html: AnnotAtWeb.ErrorHTML, json: AnnotAtWeb.ErrorJSON],
+    root_layout: [html: {AnnotAtWeb.Layouts, :root}],
     layout: false
   ],
   pubsub_server: AnnotAt.PubSub,
diff --git a/lib/annot_at_web/controllers/error_html.ex b/lib/annot_at_web/controllers/error_html.ex
index 4e71b3c..08d826e 100644
--- a/lib/annot_at_web/controllers/error_html.ex
+++ b/lib/annot_at_web/controllers/error_html.ex
@@ -13,7 +13,7 @@ defmodule AnnotAtWeb.ErrorHTML do
   #   * lib/annot_at_web/controllers/error_html/404.html.heex
   #   * lib/annot_at_web/controllers/error_html/500.html.heex
   #
-  # embed_templates "error_html/*"
+  embed_templates "error_html/*"
 
   # The default is to render a plain text page based on
   # the template name. For example, "404.html" becomes
diff --git a/lib/annot_at_web/controllers/error_html/404.html.heex b/lib/annot_at_web/controllers/error_html/404.html.heex
new file mode 100644
index 0000000..1ac935a
--- /dev/null
+++ b/lib/annot_at_web/controllers/error_html/404.html.heex
@@ -0,0 +1,7 @@
+<Layouts.public>
+  <div id="not-found" class="mx-auto max-w-2xl py-16 text-center">
+    <h1 class="mt-6 font-display text-4xl font-bold sm:text-5xl">
+      404 - It's not here
+    </h1>
+  </div>
+</Layouts.public>