diff --git a/frontend/src/style/styles.scss b/frontend/src/style/styles.scss
index 1ba1a805b5..cb4006bd58 100644
--- a/frontend/src/style/styles.scss
+++ b/frontend/src/style/styles.scss
@@ -14,12 +14,12 @@ body.okr {
   --bs-body-font-family: "Roboto", "Helvetica Neue", sans-serif;
 
   h1 {
-    font-size: 28px;
+    font-size: 1.5rem;
     font-weight: 600;
   }
 
   h2 {
-    font-size: 25.2px;
+    font-size: 1.25rem;
     font-weight: 600;
     word-wrap: anywhere;
     @extend .linebreak;
@@ -27,20 +27,20 @@ body.okr {
   }
 
   h3 {
-    font-size: 22.4px;
+    font-size: 1rem;
     font-weight: 600;
     word-wrap: anywhere;
     margin-bottom: 0;
   }
 
   h4 {
-    font-size: 19.6px;
+    font-size: 0.875rem;
     font-weight: normal;
     margin-bottom: 0;
   }
 
   h5 {
-    font-size: 14px;
+    font-size: 0.875rem;
     margin-bottom: 0;
   }