diff --git a/packages/chat-component/src/components/chat-component.ts b/packages/chat-component/src/components/chat-component.ts
index 515cb87f..83f0b495 100644
--- a/packages/chat-component/src/components/chat-component.ts
+++ b/packages/chat-component/src/components/chat-component.ts
@@ -72,6 +72,9 @@ export class ChatComponent extends LitElement {
   @property({ type: String, attribute: 'data-use-stream', converter: (value) => value?.toLowerCase() === 'true' })
   useStream: boolean = chatHttpOptions.stream;
 
+  @property({ type: String, attribute: 'data-approach' })
+  approach = requestOptions.approach;
+
   @property({ type: String, attribute: 'data-overrides', converter: (value) => JSON.parse(value || '{}') })
   overrides: RequestOverrides = {};
 
@@ -199,6 +202,7 @@ export class ChatComponent extends LitElement {
     await this.chatController.generateAnswer(
       {
         ...requestOptions,
+        approach: this.approach,
         overrides: {
           ...requestOptions.overrides,
           ...this.overrides,
diff --git a/packages/webapp/src/pages/oneshot/OneShot.tsx b/packages/webapp/src/pages/oneshot/OneShot.tsx
index b15de44d..a781368e 100644
--- a/packages/webapp/src/pages/oneshot/OneShot.tsx
+++ b/packages/webapp/src/pages/oneshot/OneShot.tsx
@@ -113,7 +113,7 @@ export function Component(): JSX.Element {
           data-interaction-model="ask"
           data-api-url={apiBaseUrl}
           data-use-stream="false"
-          data-approach="rrr"
+          data-approach={approach}
           data-overrides={JSON.stringify(overrides)}
         ></chat-component>
       </div>