diff --git a/client/src/components/layouts/global.css b/client/src/components/layouts/global.css
index ac0335cba601e4..aa165a55657948 100644
--- a/client/src/components/layouts/global.css
+++ b/client/src/components/layouts/global.css
@@ -6,7 +6,7 @@ html {
 
 body {
   height: 100%;
-  font-family: 'Roboto', monospace;
+  font-family: 'Hack-ZeroSlash', monospace;
   color: var(--secondary-color);
   background: var(--secondary-background);
 }
@@ -68,21 +68,21 @@ h1 {
   color: var(--secondary-color);
   font-weight: 700;
   font-size: 1.5rem;
-  font-family: 'Roboto', monospace;
+  font-family: 'Hack-ZeroSlash', monospace;
   margin: 0.6rem 0;
 }
 h2 {
   color: var(--secondary-color);
   font-weight: 700;
   font-size: 1.25rem;
-  font-family: 'Roboto', monospace;
+  font-family: 'Hack-ZeroSlash', monospace;
   margin: 0.6rem 0;
 }
 h3 {
   color: var(--secondary-color);
   font-weight: 700;
   font-size: 1.1rem;
-  font-family: 'Roboto', monospace;
+  font-family: 'Hack-ZeroSlash', monospace;
   margin: 0 0 0.6rem;
 }
 
@@ -90,7 +90,7 @@ h4 {
   color: var(--secondary-color);
   font-weight: 500;
   font-size: 1rem;
-  font-family: 'Roboto', monospace;
+  font-family: 'Hack-ZeroSlash', monospace;
   margin: 0 0 0.889rem;
 }
 
@@ -102,7 +102,7 @@ th {
   color: var(--secondary-color);
   font-weight: 400;
   font-size: 0.889rem;
-  font-family: 'Roboto', monospace;
+  font-family: 'Hack-ZeroSlash', monospace;
   margin: 0 0 1.2rem;
 }
 
diff --git a/client/src/templates/Challenges/classic/editor.css b/client/src/templates/Challenges/classic/editor.css
index c6a3916b9f1329..72c1b05990c748 100644
--- a/client/src/templates/Challenges/classic/editor.css
+++ b/client/src/templates/Challenges/classic/editor.css
@@ -84,7 +84,7 @@ textarea.inputarea {
 }
 
 .description-container h1 {
-  font-family: Roboto, monospace;
+  font-family: 'Hack-ZeroSlash', monospace;
   font-size: 0.889rem;
   font-weight: 700;
   line-height: 1;