diff --git a/web/components/TitleNotifier/TitleNotifier.tsx b/web/components/TitleNotifier/TitleNotifier.tsx
index 592e96d45e..6e90d2e728 100644
--- a/web/components/TitleNotifier/TitleNotifier.tsx
+++ b/web/components/TitleNotifier/TitleNotifier.tsx
@@ -18,7 +18,7 @@ export const TitleNotifier: FC = () => {
 
   const onBlur = () => {
     backgrounded = true;
-    defaultTitle = document.title;
+    defaultTitle = window.document.title;
   };
 
   const onFocus = () => {
diff --git a/web/components/layouts/Main.tsx b/web/components/layouts/Main.tsx
index 2718b4c83a..b646767c98 100644
--- a/web/components/layouts/Main.tsx
+++ b/web/components/layouts/Main.tsx
@@ -67,9 +67,7 @@ export const Main: FC = () => {
         <meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png" />
         <meta name="theme-color" content="#ffffff" />
 
-        {!isProduction && <title>{name}</title>}
-        {isProduction && <title>{'{{.Name}}'}</title>}
-
+        {name ? <title>{name}</title> : <title>{`{{.Name}}`}</title>}
         <style>{customStyles}</style>
         <base target="_blank" />
       </Head>