diff --git a/src/app/(main)/play/page.tsx b/src/app/(main)/play/page.tsx
index 6533533..fadd680 100644
--- a/src/app/(main)/play/page.tsx
+++ b/src/app/(main)/play/page.tsx
@@ -13,6 +13,7 @@ import {
 } from "@/constants/editor/themes";
 import { Palette } from "lucide-react";
 import * as monaco from "monaco-editor";
+import { Badge } from "@/components/ui/badge";
 import { files } from "@/constants/editor/files";
 import { useEffect, useRef, useState } from "react";
 import { Editor, loader } from "@monaco-editor/react";
@@ -77,6 +78,9 @@ export default function PlayPage() {
                   aria-hidden="true"
                 />
                 C
+                <Badge className="ms-1.5 transition-opacity group-data-[state=inactive]:opacity-50">
+                  LSP
+                </Badge>
               </TabsTrigger>
               <TabsTrigger
                 value="cpp"
@@ -91,6 +95,9 @@ export default function PlayPage() {
                   aria-hidden="true"
                 />
                 C++
+                <Badge className="ms-1.5 transition-opacity group-data-[state=inactive]:opacity-50">
+                  LSP
+                </Badge>
               </TabsTrigger>
               <TabsTrigger
                 value="java"