diff --git a/src/codemirror-themes/github-light.ts b/src/codemirror-themes/github-light.ts
index 305ee66..6af257c 100644
--- a/src/codemirror-themes/github-light.ts
+++ b/src/codemirror-themes/github-light.ts
@@ -6,7 +6,7 @@ import { tags as t } from "@lezer/highlight";
 export const config = {
   name: "githubLight",
   dark: false,
-  background: "#fff",
+  background: "#f5f5f5",
   foreground: "#444d56",
   selection: "#0366d625",
   cursor: "#044289",
diff --git a/src/components/CodeBlock.svelte b/src/components/CodeBlock.svelte
index 672cea7..6279b48 100644
--- a/src/components/CodeBlock.svelte
+++ b/src/components/CodeBlock.svelte
@@ -94,6 +94,7 @@
     theme={$theme === "dark" ? githubDark : githubLight}
     basic={showLineNumbers}
     editable={!running}
+    placeholder="Enter your code here..."
   />
 
   <button
diff --git a/src/content/docs/first-steps/2-the-adventurers-guild.mdx b/src/content/docs/first-steps/2-the-adventurers-guild.mdx
index 2fbaccd..504df04 100755
--- a/src/content/docs/first-steps/2-the-adventurers-guild.mdx
+++ b/src/content/docs/first-steps/2-the-adventurers-guild.mdx
@@ -35,7 +35,7 @@ export function SimpleQuestion({
     </QuestionCard>
   );
 }
-export function FreeQuestion({ question, code, correct }) {
+export function FreeQuestion({ question, code = "", correct }) {
   const setup = `
         if __VALUE__ {
             println!("${correct}");