diff --git a/packages/bruno-app/src/components/RequestPane/QueryBuilder/FieldNode.js b/packages/bruno-app/src/components/RequestPane/QueryBuilder/FieldNode.js
index ca3651b20..c80912943 100644
--- a/packages/bruno-app/src/components/RequestPane/QueryBuilder/FieldNode.js
+++ b/packages/bruno-app/src/components/RequestPane/QueryBuilder/FieldNode.js
@@ -94,6 +94,7 @@ const ArgValueInput = ({ value, onChange, field }) => {
       onChange={(e) => onChange(e.target.value)}
       onClick={(e) => e.stopPropagation()}
       placeholder="Enter value"
+      className="mousetrap"
     />
   );
 };
@@ -139,7 +140,7 @@ const InputObjectFields = ({ namedType, parentKey, fieldPath, indent, argValues,
           )}
           <input
             type="checkbox"
-            className="field-checkbox"
+            className="field-checkbox mousetrap"
             checked={isEnabled}
             onChange={(e) => {
               e.stopPropagation();
@@ -248,7 +249,7 @@ const FieldNode = ({
         </span>
         <input
           type="checkbox"
-          className="field-checkbox"
+          className="field-checkbox mousetrap"
           checked={isChecked}
           onChange={handleCheck}
           onClick={(e) => e.stopPropagation()}
@@ -288,7 +289,7 @@ const FieldNode = ({
         </span>
         <input
           type="checkbox"
-          className="field-checkbox"
+          className="field-checkbox mousetrap"
           checked={isChecked}
           onChange={handleCheck}
           onClick={(e) => e.stopPropagation()}
@@ -315,7 +316,7 @@ const FieldNode = ({
                   <span className="input-object-chevron-spacer" />
                   <input
                     type="checkbox"
-                    className="field-checkbox"
+                    className="field-checkbox mousetrap"
                     checked={isArgEnabled}
                     onChange={() => onToggleArg && onToggleArg(field.path, arg.name)}
                     onClick={(e) => e.stopPropagation()}
@@ -369,7 +370,7 @@ const FieldNode = ({
                 <span className="input-object-chevron-spacer" />
                 <input
                   type="checkbox"
-                  className="field-checkbox"
+                  className="field-checkbox mousetrap"
                   checked={isArgEnabled}
                   onChange={() => onToggleArg && onToggleArg(field.path, arg.name)}
                   onClick={(e) => e.stopPropagation()}
@@ -438,7 +439,7 @@ const InputObjectArgRow = ({ arg, argKey, fieldPath, isArgEnabled, sectionIndent
         </span>
         <input
           type="checkbox"
-          className="field-checkbox"
+          className="field-checkbox mousetrap"
           checked={isArgEnabled}
           onChange={handleCheck}
           onClick={(e) => e.stopPropagation()}
@@ -505,7 +506,7 @@ const ListArgRow = ({ arg, fieldPath, isArgEnabled, argValue, sectionIndent, onT
         </span>
         <input
           type="checkbox"
-          className="field-checkbox"
+          className="field-checkbox mousetrap"
           checked={isArgEnabled}
           onChange={handleCheck}
           onClick={(e) => e.stopPropagation()}
diff --git a/packages/bruno-app/src/components/RequestPane/QueryBuilder/index.js b/packages/bruno-app/src/components/RequestPane/QueryBuilder/index.js
index 5f48ae74a..bd46c0a4c 100644
--- a/packages/bruno-app/src/components/RequestPane/QueryBuilder/index.js
+++ b/packages/bruno-app/src/components/RequestPane/QueryBuilder/index.js
@@ -175,6 +175,7 @@ const QueryBuilder = ({ schema, onQueryChange, editorValue, onVariablesChange, v
             type="text"
             placeholder="Search operations..."
             value={searchText}
+            className="mousetrap"
             onChange={(e) => setSearchText(e.target.value)}
           />
         </div>