diff --git a/webpack/scss/constants.scss b/webpack/scss/constants.scss
index ebf8b94..6d8c742 100644
--- a/webpack/scss/constants.scss
+++ b/webpack/scss/constants.scss
@@ -32,7 +32,9 @@ $menu-width: 4em;
 
 // Header
 $header-bg: #fff;
-$header-height: 4em;
+$header-height-noratio: 4em;
+$header-font-size-ratio: 0.8;
+$header-height: #{$header-height-noratio * $header-font-size-ratio};
 
 
 $c404-bubble-width: 40vh;
\ No newline at end of file
diff --git a/webpack/scss/header.scss b/webpack/scss/header.scss
index 4a25340..7660192 100644
--- a/webpack/scss/header.scss
+++ b/webpack/scss/header.scss
@@ -7,7 +7,7 @@
 		top: 0;
 		left: 0;
 		width: 100%;
-		height: calc( #{$header-height} - 1px );
+		height: calc( #{$header-height-noratio} - 1px );
 
 	background-color: $header-bg;
 	border-bottom: 1px solid #e3e7eb;
@@ -17,6 +17,8 @@
 	justify-content: flex-start;
 	align-items:     center;
 
+	font-size: #{$header-font-size-ratio}em;
+
 	z-index: 150;