diff --git a/packages/hoppscotch-common/src/components/http/BodyParameters.vue b/packages/hoppscotch-common/src/components/http/BodyParameters.vue
index 8d782935e..d12a8b66f 100644
--- a/packages/hoppscotch-common/src/components/http/BodyParameters.vue
+++ b/packages/hoppscotch-common/src/components/http/BodyParameters.vue
@@ -65,6 +65,8 @@
           <SmartEnvInput
             v-model="entry.key"
             :placeholder="`${t('count.parameter', { count: index + 1 })}`"
+            :auto-complete-env="true"
+            :envs="envs"
             @change="
               updateBodyParam(index, {
                 key: $event,
@@ -73,8 +75,6 @@
                 isFile: entry.isFile,
               })
             "
-            :auto-complete-env="true"
-            :envs="envs"
           />
           <div v-if="entry.isFile" class="file-chips-container">
             <div class="file-chips-wrapper space-x-1">
@@ -89,6 +89,8 @@
             <SmartEnvInput
               v-model="entry.value"
               :placeholder="`${t('count.value', { count: index + 1 })}`"
+              :auto-complete-env="true"
+              :envs="envs"
               @change="
                 updateBodyParam(index, {
                   key: entry.key,
@@ -97,8 +99,6 @@
                   isFile: entry.isFile,
                 })
               "
-              :auto-complete-env="true"
-              :envs="envs"
             />
           </span>
           <span>
diff --git a/packages/hoppscotch-common/src/components/http/URLEncodedParams.vue b/packages/hoppscotch-common/src/components/http/URLEncodedParams.vue
index 33ce113f5..5c9139a75 100644
--- a/packages/hoppscotch-common/src/components/http/URLEncodedParams.vue
+++ b/packages/hoppscotch-common/src/components/http/URLEncodedParams.vue
@@ -84,6 +84,8 @@
             <SmartEnvInput
               v-model="param.key"
               :placeholder="`${t('count.parameter', { count: index + 1 })}`"
+              :auto-complete-env="true"
+              :envs="envs"
               @change="
                 updateUrlEncodedParam(index, {
                   id: param.id,
@@ -92,12 +94,12 @@
                   active: param.active,
                 })
               "
-              :auto-complete-env="true"
-              :envs="envs"
             />
             <SmartEnvInput
               v-model="param.value"
               :placeholder="`${t('count.value', { count: index + 1 })}`"
+              :auto-complete-env="true"
+              :envs="envs"
               @change="
                 updateUrlEncodedParam(index, {
                   id: param.id,
@@ -106,8 +108,6 @@
                   active: param.active,
                 })
               "
-              :auto-complete-env="true"
-              :envs="envs"
             />
             <span>
               <HoppButtonSecondary