diff --git a/components/dashboard/new-product-button.tsx b/components/dashboard/new-product-button.tsx
index 43b7e0b..86230ff 100644
--- a/components/dashboard/new-product-button.tsx
+++ b/components/dashboard/new-product-button.tsx
@@ -12,7 +12,9 @@ export function NewProductButton() {
 
   return (
     <>
-      <Button onClick={() => setOpen(true)} {...debugProps('new-product-button', 'NewProductButton', 'components/dashboard/new-product-button.tsx')}>+ Nieuw product</Button>
+      <div {...debugProps('new-product-button', 'NewProductButton', 'components/dashboard/new-product-button.tsx')}>
+        <Button onClick={() => setOpen(true)} data-debug-id="new-product-button__trigger">+ Nieuw product</Button>
+      </div>
       <ProductDialog
         mode="create"
         open={open}