diff --git a/packages/tour-group-interface/src/defaults.ts b/packages/tour-group-interface/src/defaults.ts
index 1bbc3b22..947c2a0c 100644
--- a/packages/tour-group-interface/src/defaults.ts
+++ b/packages/tour-group-interface/src/defaults.ts
@@ -2,4 +2,5 @@ export default {
 	buttonIcon: 'subscriptions',
 	buttonTooltip: 'Start the tour',
 	exitMessage: 'Are you sure you want to leave the tour?',
+	rootSelector: 'main > .v-form',
 };
diff --git a/packages/tour-group-interface/src/index.ts b/packages/tour-group-interface/src/index.ts
index 46858d0a..1e87b3ff 100644
--- a/packages/tour-group-interface/src/index.ts
+++ b/packages/tour-group-interface/src/index.ts
@@ -222,6 +222,17 @@ export default defineInterface({
 						default_value: null,
 					},
 				},
+				{
+					field: 'rootSelector',
+					name: 'Root selector',
+					type: 'string',
+					meta: {
+						width: 'full',
+					},
+					schema: {
+						default_value: defaults.rootSelector,
+					},
+				},
 			],
 		};
 
diff --git a/packages/tour-group-interface/src/interface.vue b/packages/tour-group-interface/src/interface.vue
index fbea4344..36172647 100644
--- a/packages/tour-group-interface/src/interface.vue
+++ b/packages/tour-group-interface/src/interface.vue
@@ -30,6 +30,7 @@ const props = withDefaults(
 		buttonIcon: string;
 		buttonTooltip: string;
 		exitMessage: string;
+		rootSelector: string;
 	}>(),
 	{
 		batchActiveFields: () => [],
@@ -38,6 +39,7 @@ const props = withDefaults(
 		buttonIcon: defaults.buttonIcon,
 		buttonTooltip: defaults.buttonTooltip,
 		exitMessage: defaults.exitMessage,
+		rootSelector: defaults.rootSelector,
 	},
 );
 
@@ -113,7 +115,7 @@ function useInjectButtonBar() {
 	}
 
 	function getRootForm() {
-		return document.querySelector('main>.v-form');
+		return document.querySelector(props.rootSelector);
 	}
 
 	function injectButtonBar() {