diff --git a/playground/knot/src/Editor/Diagnostics.tsx b/playground/knot/src/Editor/Diagnostics.tsx
index 5d4301d974..35b489dea9 100644
--- a/playground/knot/src/Editor/Diagnostics.tsx
+++ b/playground/knot/src/Editor/Diagnostics.tsx
@@ -84,7 +84,7 @@ function Items({
           <li key={`${diagnostic.text_range()?.start ?? 0}-${id ?? index}`}>
             <button
               onClick={() => onGoTo(startLine, startColumn)}
-              className="w-full text-start cursor-pointer"
+              className="w-full text-start cursor-pointer select-text"
             >
               {diagnostic.message()}
               <span className="text-gray-500">
diff --git a/playground/ruff/src/Editor/Diagnostics.tsx b/playground/ruff/src/Editor/Diagnostics.tsx
index c3d1360275..781c919205 100644
--- a/playground/ruff/src/Editor/Diagnostics.tsx
+++ b/playground/ruff/src/Editor/Diagnostics.tsx
@@ -6,6 +6,7 @@ import { useMemo } from "react";
 interface Props {
   diagnostics: Diagnostic[];
   theme: Theme;
+
   onGoTo(line: number, column: number): void;
 }
 
@@ -79,7 +80,7 @@ function Items({
                   diagnostic.start_location.column,
                 )
               }
-              className="w-full text-start"
+              className="w-full text-start cursor-pointer select-text"
             >
               {diagnostic.message}{" "}
               <span className="text-gray-500">