diff --git a/src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx b/src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx
index 3e81de2..8a638eb 100644
--- a/src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx
+++ b/src/app/(app)/playground/@workspace/@editor/components/language-selector.tsx
@@ -7,11 +7,16 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { Skeleton } from "@/components/ui/skeleton";
 import { useCodeEditorState } from "@/store/useCodeEditor";
 import { SUPPORTED_LANGUAGES } from "@/constants/language";
 
 export default function LanguageSelector() {
-  const { language, setLanguage } = useCodeEditorState();
+  const { loading, language, setLanguage } = useCodeEditorState();
+
+  if (loading) {
+    return <Skeleton className="h-6 w-16 rounded-2xl" />;
+  }
 
   return (
     <Select value={language} onValueChange={setLanguage}>