diff --git a/packages/ui/components/editable-heading/EditableHeading.tsx b/packages/ui/components/editable-heading/EditableHeading.tsx
index 6993f33c02dd62..3a8b6f24fa86b6 100644
--- a/packages/ui/components/editable-heading/EditableHeading.tsx
+++ b/packages/ui/components/editable-heading/EditableHeading.tsx
@@ -19,7 +19,7 @@ export const EditableHeading = function EditableHeading({
   const enableEditing = () => setIsEditing(!disabled);
   return (
     <div
-      className="group pointer-events-none relative truncate sm:pointer-events-auto"
+      className="group pointer-events-auto relative truncate"
       onClick={enableEditing}>
       <div className={classNames(!disabled && "cursor-pointer", "flex items-center")}>
         <label className="min-w-8 relative inline-block">