diff --git a/src/components/features/playground/workspace/editor/components/footer.tsx b/src/components/features/playground/workspace/editor/components/footer.tsx
index 6fb689e..bdc34d8 100644
--- a/src/components/features/playground/workspace/editor/components/footer.tsx
+++ b/src/components/features/playground/workspace/editor/components/footer.tsx
@@ -2,7 +2,6 @@
 
 import { cn } from "@/lib/utils";
 import { useEffect, useState } from "react";
-import { MarkerSeverity } from "monaco-editor";
 import { useProblem } from "@/hooks/use-problem";
 import { CircleXIcon, TriangleAlertIcon } from "lucide-react";
 
@@ -10,6 +9,13 @@ interface WorkspaceEditorFooterProps {
   className?: string;
 }
 
+let MarkerSeverity: typeof import("monaco-editor").MarkerSeverity;
+if (typeof window !== "undefined") {
+  import("monaco-editor").then((monaco) => {
+    MarkerSeverity = monaco.MarkerSeverity;
+  });
+}
+
 export function WorkspaceEditorFooter({
   className,
   ...props