diff --git a/client/src/templates/Challenges/classic/editor.css b/client/src/templates/Challenges/classic/editor.css
index 50d7e944fab..bbea71a0d3c 100644
--- a/client/src/templates/Challenges/classic/editor.css
+++ b/client/src/templates/Challenges/classic/editor.css
@@ -60,6 +60,14 @@ textarea.inputarea {
white-space: pre-wrap;
}
+.editor-file-name {
+ font-size: 18px;
+ font-weight: bold;
+ border-bottom: 1px solid var(--quaternary-background);
+ padding-left: 11px;
+ overflow: hidden;
+}
+
.action-row-container,
.description-container {
background-color: var(--secondary-background);
diff --git a/client/src/templates/Challenges/classic/editor.tsx b/client/src/templates/Challenges/classic/editor.tsx
index fa43fa0a6b4..1f3bd52bc83 100644
--- a/client/src/templates/Challenges/classic/editor.tsx
+++ b/client/src/templates/Challenges/classic/editor.tsx
@@ -1317,8 +1317,15 @@ const Editor = (props: EditorProps): JSX.Element => {
return challengeIsComplete();
};
+ const challengeFile = props.challengeFiles?.find(
+ challengeFile => challengeFile.fileKey === props.fileKey
+ );
+ const showFileName = challengeFile && props.challengeFiles!.length > 1;
return (