diff --git a/src/app/views/query-runner/request/body/RequestBody.tsx b/src/app/views/query-runner/request/body/RequestBody.tsx
index eac7315b64..e03aa19316 100644
--- a/src/app/views/query-runner/request/body/RequestBody.tsx
+++ b/src/app/views/query-runner/request/body/RequestBody.tsx
@@ -1,3 +1,4 @@
+import { FocusZone } from '@fluentui/react';
 import React from 'react';
 import { useSelector } from 'react-redux';
 
@@ -9,10 +10,13 @@ const RequestBody = ({ handleOnEditorChange }: any) => {
   const { dimensions: { request: { height } }, sampleQuery } = useSelector((state: IRootState) => state);
 
   return (
-    <Monaco
-      body={sampleQuery.sampleBody}
-      height={convertVhToPx(height, 60)}
-      onChange={(value) => handleOnEditorChange(value)} />
+    <FocusZone>
+      <Monaco
+        body={sampleQuery.sampleBody}
+        height={convertVhToPx(height, 60)}
+        onChange={(value) => handleOnEditorChange(value)} />
+    </FocusZone>
+
   );
 };