diff --git a/src/components/features/playground/workspace/editor/components/header.tsx b/src/components/features/playground/workspace/editor/components/header.tsx
index d531e30..235d2f3 100644
--- a/src/components/features/playground/workspace/editor/components/header.tsx
+++ b/src/components/features/playground/workspace/editor/components/header.tsx
@@ -5,17 +5,19 @@ import UndoButton from "./undo-button";
 import ResetButton from "./reset-button";
 import FormatButton from "./format-button";
 import LanguageSelector from "./language-selector";
-import { EditorLanguage, EditorLanguageConfig } from "@prisma/client";
+import { EditorLanguage, EditorLanguageConfig, LanguageServerConfig } from "@prisma/client";
 
 interface WorkspaceEditorHeaderProps {
   templates: { language: EditorLanguage; template: string }[];
   editorLanguageConfigs: EditorLanguageConfig[];
+  languageServerConfigs: LanguageServerConfig[];
   className?: string;
 }
 
 export default function WorkspaceEditorHeader({
   templates,
   editorLanguageConfigs,
+  languageServerConfigs,
   className,
   ...props
 }: WorkspaceEditorHeaderProps) {
@@ -26,7 +28,10 @@ export default function WorkspaceEditorHeader({
     >
       <div className="w-full flex items-center justify-between">
         <div className="flex items-center gap-x-2">
-          <LanguageSelector editorLanguageConfigs={editorLanguageConfigs} />
+          <LanguageSelector
+            editorLanguageConfigs={editorLanguageConfigs}
+            languageServerConfigs={languageServerConfigs}
+          />
         </div>
         <div className="flex items-center gap-x-2">
           <ResetButton templates={templates} />