diff --git a/src/admin/components/forms/RowLabel/index.tsx b/src/admin/components/forms/RowLabel/index.tsx
index 2c6d95af02..57c016e6a5 100644
--- a/src/admin/components/forms/RowLabel/index.tsx
+++ b/src/admin/components/forms/RowLabel/index.tsx
@@ -5,6 +5,17 @@ import { useWatchForm } from '../Form/context';
 const baseClass = 'row-label';
 
 export const RowLabel: React.FC<Props> = (props) => {
+  return (
+    <span style={{
+      pointerEvents: 'none',
+    }}
+    >
+      <RowLabelContent {...props} />
+    </span>
+  );
+};
+
+const RowLabelContent: React.FC<Props> = (props) => {
   const {
     path,
     fallback,
diff --git a/test/fields/collections/Array/LabelComponent.tsx b/test/fields/collections/Array/LabelComponent.tsx
index a7740c4326..c33df80ba3 100644
--- a/test/fields/collections/Array/LabelComponent.tsx
+++ b/test/fields/collections/Array/LabelComponent.tsx
@@ -3,5 +3,5 @@ import { RowLabelComponent } from '../../../../src/admin/components/forms/RowLab
 
 export const ArrayRowLabel: RowLabelComponent = (props) => {
   const { data, fallback } = props;
-  return <span style={{ color: 'hotpink' }}>{data.title || fallback}</span>;
+  return <div style={{ color: 'hotpink' }}>{data.title || fallback}</div>;
 };
diff --git a/test/fields/collections/Collapsible/LabelComponent.tsx b/test/fields/collections/Collapsible/LabelComponent.tsx
index 5100e3407e..30b8ea0b85 100644
--- a/test/fields/collections/Collapsible/LabelComponent.tsx
+++ b/test/fields/collections/Collapsible/LabelComponent.tsx
@@ -3,5 +3,5 @@ import { RowLabelComponent } from '../../../../src/admin/components/forms/RowLab
 
 export const CollapsibleLabelComponent: RowLabelComponent = (props) => {
   const { data, fallback } = props;
-  return <span style={{ color: 'coral' }}>{data.componentTitleField || fallback}</span>;
+  return <div style={{ color: 'coral' }}>{data.componentTitleField || fallback}</div>;
 };