diff --git a/client/src/templates/Challenges/classic/editor.css b/client/src/templates/Challenges/classic/editor.css
index 2bf56652dd..5aca55bbac 100644
--- a/client/src/templates/Challenges/classic/editor.css
+++ b/client/src/templates/Challenges/classic/editor.css
@@ -45,6 +45,15 @@
   max-width: 700px;
 }
 
+.description-container h1 {
+  color: var(--secondary-color);
+  font-family: Roboto Mono, monospace;
+  font-size: 1.1rem;
+  font-weight: 700;
+  line-height: 1.1;
+  margin: 0 0 0.6rem;
+}
+
 .description-highlighter {
   background-color: var(--secondary-background);
   opacity: 1;
diff --git a/client/src/templates/Challenges/classic/editor.tsx b/client/src/templates/Challenges/classic/editor.tsx
index 967395ec3a..5b517cc2f1 100644
--- a/client/src/templates/Challenges/classic/editor.tsx
+++ b/client/src/templates/Challenges/classic/editor.tsx
@@ -536,7 +536,7 @@ const Editor = (props: EditorProps): JSX.Element => {
   function createDescription(editor: editor.IStandaloneCodeEditor) {
     if (dataRef.current.descriptionNode) return dataRef.current.descriptionNode;
     const { description, title } = props;
-    const jawHeading = document.createElement('h3');
+    const jawHeading = document.createElement('h1');
     jawHeading.innerText = title;
     const domNode = document.createElement('div');
     const desc = document.createElement('div');