diff --git a/app/ui/error.js b/app/ui/error.js
index 0b6591ed..36f9a7ba 100644
--- a/app/ui/error.js
+++ b/app/ui/error.js
@@ -1,9 +1,11 @@
 const html = require('choo/html');
 const assets = require('../../common/assets');
+const modal = require('./modal');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   return html`
     <main class="main container">
+      ${state.modal && modal(state, emit)}
       <div
         class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"
       >
diff --git a/app/ui/legal.js b/app/ui/legal.js
index a42c3344..6756cfc9 100644
--- a/app/ui/legal.js
+++ b/app/ui/legal.js
@@ -1,9 +1,11 @@
 const html = require('choo/html');
 const raw = require('choo/html/raw');
+const modal = require('./modal');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   return html`
     <main class="main container">
+      ${state.modal && modal(state, emit)}
       <div
         class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"
       >
diff --git a/app/ui/notFound.js b/app/ui/notFound.js
index a3378bcf..bfeed5c4 100644
--- a/app/ui/notFound.js
+++ b/app/ui/notFound.js
@@ -1,9 +1,11 @@
 const html = require('choo/html');
 const assets = require('../../common/assets');
+const modal = require('./modal');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   return html`
     <main class="main container">
+      ${state.modal && modal(state, emit)}
       <div
         class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full"
       >
diff --git a/app/ui/unsupported.js b/app/ui/unsupported.js
index 9233db7d..8604f7b3 100644
--- a/app/ui/unsupported.js
+++ b/app/ui/unsupported.js
@@ -1,7 +1,8 @@
 const html = require('choo/html');
 const assets = require('../../common/assets');
+const modal = require('./modal');
 
-module.exports = function(state) {
+module.exports = function(state, emit) {
   let strings = {};
   let why = '';
   let url = '';
@@ -34,6 +35,7 @@ module.exports = function(state) {
 
   return html`
     <main class="main container">
+      ${state.modal && modal(state, emit)}
       <div
         class="flex flex-col items-center bg-white m-6 px-6 py-8 border border-grey-light md:border-none md:px-12 md:py-16 shadow w-full md:h-full"
       >