diff --git a/playwright/pages/dialogs/deleteCategoriesDialog.ts b/playwright/pages/dialogs/deleteCategoriesDialog.ts
new file mode 100644
index 00000000000..900a5dcb3c0
--- /dev/null
+++ b/playwright/pages/dialogs/deleteCategoriesDialog.ts
@@ -0,0 +1,14 @@
+import type { Page } from "@playwright/test";
+
+export class DeleteCategoriesDialog {
+  readonly page: Page;
+
+  constructor(page: Page, readonly deleteButton = page.getByTestId("submit")) {
+    this.page = page;
+  }
+
+  async clickDeleteButton() {
+    await this.deleteButton.first().click();
+    await this.deleteButton.waitFor({ state: "hidden" });
+  }
+}