diff --git a/app/assets/stylesheets/shared_styles/constants/fonts.scss b/app/assets/stylesheets/shared_styles/constants/fonts.scss
index 0353d53e2..52412325f 100644
--- a/app/assets/stylesheets/shared_styles/constants/fonts.scss
+++ b/app/assets/stylesheets/shared_styles/constants/fonts.scss
@@ -9,11 +9,11 @@ $font-family-icons: "Font Awesome 5 Free";
 $font-size-base: 16px;
 $headings-font-weight: bold;
 
-$font-size-h1: 24px;
-$font-size-h2: 18px;
-$font-size-h3: $font-size-base;
-$font-size-h4: $font-size-base;
-$font-size-h5: $font-size-base;
+$font-size-h1: 30px;
+$font-size-h2: 24px;
+$font-size-h3: 20px;
+$font-size-h4: 18px;
+$font-size-h5: 16px;
 $font-size-h6: 12px;
 
 $font-fas-check: "\f00c";
@@ -56,17 +56,32 @@ $sn-icon-check: "\e95f";
 }
 
 @mixin font-h1 {
-  font-size: 24px;
+  font-size: 30px;
   font-weight: bold;
 }
 
 @mixin font-h2 {
-  font-size: 18px;
+  font-size: 24px;
   font-weight: bold;
 }
 
 @mixin font-h3 {
-  font-size: $font-size-base;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+@mixin font-h4 {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+@mixin font-h5 {
+  font-size: 16px;
+  font-weight: bold;
+}
+
+@mixin font-h6 {
+  font-size: 12px;
   font-weight: bold;
 }
 
@@ -124,13 +139,13 @@ h3 {
 }
 
 h4 {
-  @include font-h3;
+  @include font-h4;
 }
 
 h5 {
-  @include font-h3;
+  @include font-h5;
 }
 
 h6 {
-  @include font-h3;
+  @include font-h6;
 }