diff --git a/frontend/src/_ui/Breadcrumbs/index.jsx b/frontend/src/_ui/Breadcrumbs/index.jsx
index 5d9b408b24..b66b1cec50 100644
--- a/frontend/src/_ui/Breadcrumbs/index.jsx
+++ b/frontend/src/_ui/Breadcrumbs/index.jsx
@@ -25,6 +25,6 @@ export const Breadcrumbs = () => {
 // define some custom breadcrumbs for certain routes (optional)
 const routes = [
   // { path: '/', breadcrumb: 'Apps' },
-  { path: '/database', breadcrumb: 'Tables', dataCy: 'tables-page-header' },
+  { path: '/database', breadcrumb: 'Tables', props: { dataCy: 'tables-page-header' } },
   { path: '/workspace-settings', breadcrumb: 'Workspace settings' },
 ];