diff --git a/src/components/Code.astro b/src/components/Code.astro
index 5bf7672..ca7a7cd 100644
--- a/src/components/Code.astro
+++ b/src/components/Code.astro
@@ -12,6 +12,6 @@ const [native_html, error_type, error_message] = await native_highlighter(thpcod
     </span></pre>
 {
     error_message !== null && (
-        <CodeError error_type={error_type}>{error_message}</CodeError>
+        <CodeError error_type={error_type} error_message={error_message}></CodeError>
     )
 }
diff --git a/src/components/docs/CodeError.astro b/src/components/docs/CodeError.astro
index 3a1f314..6492ac4 100644
--- a/src/components/docs/CodeError.astro
+++ b/src/components/docs/CodeError.astro
@@ -1,8 +1,8 @@
 ---
-const { error_type = "Unknown" } = Astro.props;
+const { error_type = "Unknown", error_message } = Astro.props;
 ---
 
 <div class="px-4 py-2 rounded bg-red-200 dark:bg-red-950">
     <span class="inline-block font-bold">{error_type} error:</span>
-    <slot />
+    <span class="inline-block whitespace-pre-wrap">{error_message}</span>
 </div>
diff --git a/src/lexer/highlighter.ts b/src/lexer/highlighter.ts
index 2de7c96..04e164c 100644
--- a/src/lexer/highlighter.ts
+++ b/src/lexer/highlighter.ts
@@ -56,7 +56,12 @@ export interface TokenizeResult {
 export async function native_highlighter(code: string): Promise<[string, string, string | null]> {
     let formatted_code = leftTrimDedent(code).join("\n");
 
-    const result = await native_lex(formatted_code);
+    let result: TokenizeResult;
+    try {
+        result = await native_lex(formatted_code);
+    } catch (error) {
+        return compiler_error(formatted_code, error as Error);
+    }
 
     if (result.Err) {
         return lex_error_highlighter(formatted_code, result.Err!.Lex!);
@@ -101,6 +106,10 @@ function syntax_error_highlighter(code: string, tokens: Array<Token>, error: Syn
     return [highlighted, "Syntax", error_message];
 }
 
+function compiler_error(code: string, error: Error): [string, string, string] {
+    return [code, "Fatal Compiler", error.message];
+}
+
 function highlight_tokens(input: string, tokens: Array<Token>): string {
     const input_chars = input.split("");
     let output = "";
@@ -192,7 +201,7 @@ const native_lex = (code: string) => new Promise<TokenizeResult>((resolve, rejec
         if (code === 0) {
             resolve(JSON.parse(response));
         } else {
-            reject(error);
+            reject(new Error(error));
         }
     });
 })