diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/dev-tools-indicator/dev-tools-indicator.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/dev-tools-indicator/dev-tools-indicator.tsx
index 262bb16b7dde2..bdfe62d5ee400 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/dev-tools-indicator/dev-tools-indicator.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/dev-tools-indicator/dev-tools-indicator.tsx
@@ -163,11 +163,12 @@ const IndicatorRow = ({
   value: React.ReactNode
   onClick?: () => void
 }) => {
+  const Wrapper = onClick ? 'button' : 'div'
   return (
-    <div data-nextjs-dev-tools-row data-clickable={!!onClick} onClick={onClick}>
+    <Wrapper data-nextjs-dev-tools-row onClick={onClick}>
       <span data-nextjs-dev-tools-row-label>{label}</span>
       <span data-nextjs-dev-tools-row-value>{value}</span>
-    </div>
+    </Wrapper>
   )
 }
 
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/dev-tools-indicator/styles.ts b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/dev-tools-indicator/styles.ts
index a23d0df0318b2..594bd6abad7cc 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/dev-tools-indicator/styles.ts
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/components/Errors/dev-tools-indicator/styles.ts
@@ -77,10 +77,6 @@ export const styles = css`
     border-radius: var(--rounded-md);
   }
 
-  [data-nextjs-dev-tools-row][data-clickable='true'] {
-    cursor: pointer;
-  }
-
   [data-nextjs-dev-tools-row]:hover {
     background-color: var(--color-gray-100);
   }