diff --git a/packages/hoppscotch-app/src/components/smart/EnvInput.vue b/packages/hoppscotch-app/src/components/smart/EnvInput.vue
index 4da8b3e5e..2da72850b 100644
--- a/packages/hoppscotch-app/src/components/smart/EnvInput.vue
+++ b/packages/hoppscotch-app/src/components/smart/EnvInput.vue
@@ -1,17 +1,19 @@
 <template>
   <div
-    class="flex items-center flex-1 flex-shrink-0 overflow-auto whitespace-nowrap"
+    class="relative flex items-center flex-1 flex-shrink-0 py-4 overflow-auto whitespace-nowrap"
   >
-    <div
-      ref="editor"
-      :placeholder="placeholder"
-      class="flex flex-1"
-      :class="styles"
-      @keydown.enter.prevent="emit('enter', $event)"
-      @keyup="emit('keyup', $event)"
-      @click="emit('click', $event)"
-      @keydown="emit('keydown', $event)"
-    ></div>
+    <div class="absolute inset-0 flex flex-1">
+      <div
+        ref="editor"
+        :placeholder="placeholder"
+        class="flex flex-1"
+        :class="styles"
+        @keydown.enter.prevent="emit('enter', $event)"
+        @keyup="emit('keyup', $event)"
+        @click="emit('click', $event)"
+        @keydown="emit('keydown', $event)"
+      ></div>
+    </div>
   </div>
 </template>