diff --git a/src/views/themes/default/global-style.ejs b/src/views/themes/default/global-style.ejs
index ad8b677..ae1ebb8 100644
--- a/src/views/themes/default/global-style.ejs
+++ b/src/views/themes/default/global-style.ejs
@@ -5,6 +5,10 @@
     margin: auto;
     width: 50%;
   }
+  #h_subtitle {
+    line-height: 5px;
+    color: gray;
+  }
   #main-content {
     text-align: left;
   }
diff --git a/src/views/themes/default/header.ejs b/src/views/themes/default/header.ejs
index 20f948e..bb3a6e7 100644
--- a/src/views/themes/default/header.ejs
+++ b/src/views/themes/default/header.ejs
@@ -1,7 +1,11 @@
 <title><%= config.branding.title %></title>
 <link rel="stylesheet" href="/static/custom.css">
 <div id="header-content">
-  <h1><%= config.branding.title %></h1>
+  <h1 id="h_title"><%= config.branding.title %></h1>
+  <% if(config.branding.hasOwnProperty("subtitle")) { %>
+    <p id="h_subtitle"><%= config.branding.subtitle %></p>
+  <% } %>
+
   <hr>
   <div id="link-container">
     <% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("links")) { %>