diff --git a/packages/react-scripts/template/src/components/App/style.scss b/packages/react-scripts/template/src/components/App/style.scss
index 2f07c41bb2c..649d63ce2e4 100644
--- a/packages/react-scripts/template/src/components/App/style.scss
+++ b/packages/react-scripts/template/src/components/App/style.scss
@@ -23,7 +23,7 @@
 }
 
 .appTitle {
-  font-size: 1.5em;
+  font-size: $fs-2;
 }
 
 @keyframes appLogoSpin {
diff --git a/packages/react-scripts/template/src/shared/styles/typography.scss b/packages/react-scripts/template/src/shared/styles/typography.scss
index fb0746681ed..b85adf90fcf 100644
--- a/packages/react-scripts/template/src/shared/styles/typography.scss
+++ b/packages/react-scripts/template/src/shared/styles/typography.scss
@@ -1 +1,2 @@
 $fs-1: 1rem;
+$fs-2: 1.5rem;