diff --git a/ui/src/app/core/components/Header.js b/ui/src/app/core/components/Header.js
index 7bb693b1e..214be0d93 100644
--- a/ui/src/app/core/components/Header.js
+++ b/ui/src/app/core/components/Header.js
@@ -31,7 +31,7 @@ export function Header () {
                 <img src={brand.logo.small} width="30" height="30" className="d-inline-block align-top" alt={brand.logo.alt} />
                 <span className="d-lg-inline d-none"><Translate value={brand.logo.link.label}></Translate></span>
             </Navbar.Brand>
-            <Navbar.Text><Translate value={brand.header.title}></Translate></Navbar.Text>
+            <Navbar.Text as="h1"><Translate value={brand.header.title}></Translate></Navbar.Text>
             {loading ?
             <div className="d-flex justify-content-end flex-fill">
                 <FontAwesomeIcon icon={faSpinner} spin={true} pulse={true} size="lg" />
diff --git a/ui/src/theme/project/typography.scss b/ui/src/theme/project/typography.scss
index 058e6666d..dbc6b09a0 100644
--- a/ui/src/theme/project/typography.scss
+++ b/ui/src/theme/project/typography.scss
@@ -18,4 +18,11 @@
     line-height: 1.5;
     border-radius: 0.2rem;
     display: block;
+}
+
+.navbar-light .navbar-text {
+    font-size: 1rem;
+    font-weight: normal;
+    margin: 0;
+    color: rgba(0, 0, 0, 0.75);
 }
\ No newline at end of file