diff --git a/web/components/layouts/Main.tsx b/web/components/layouts/Main.tsx
index b646767c9..073c43aad 100644
--- a/web/components/layouts/Main.tsx
+++ b/web/components/layouts/Main.tsx
@@ -67,13 +67,13 @@ export const Main: FC = () => {
         <meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png" />
         <meta name="theme-color" content="#ffffff" />
 
-        {name ? <title>{name}</title> : <title>{`{{.Name}}`}</title>}
         <style>{customStyles}</style>
         <base target="_blank" />
       </Head>
 
-      {isProduction && (
+      {isProduction ? (
         <Head>
+          {name ? <title>{name}</title> : <title>{`{{.Name}}`}</title>}
           <meta name="description" content="{{.Summary}}" />
 
           <meta property="og:title" content="{{.Name}}" />
@@ -103,6 +103,10 @@ export const Main: FC = () => {
           <meta property="twitter:player:width" content="560" />
           <meta property="twitter:player:height" content="315" />
         </Head>
+      ) : (
+        <Head>
+          <title>{name}</title>
+        </Head>
       )}
 
       <ClientConfigStore />
