fix: codemirror search bar misaligned (#4203)

Co-authored-by: jamesgeorge007 <25279263+jamesgeorge007@users.noreply.github.com>

packages/hoppscotch-common/src/components/lenses/renderers/JSONLensRenderer.vue

@@ -120,11 +120,7 @@
       </div>
     </div>
     <div class="h-full relative overflow-auto flex flex-col flex-1">
-      <div
-        ref="jsonResponse"
-        :class="toggleFilter ? 'responseToggleOn' : 'responseToggleOff'"
-        class="absolute inset-0 h-full"
-      ></div>
+      <div ref="jsonResponse" class="absolute inset-0 h-full"></div>
     </div>
     <div
       v-if="outlinePath"
@@ -434,12 +430,4 @@ defineActionHandler("response.copy", () => copyResponse())
   @apply transition;
   @apply hover:text-secondary;
 }
-
-:deep(.responseToggleOff .cm-panels) {
-  @apply top-lowerTertiaryStickyFold #{!important};
-}
-
-:deep(.responseToggleOn .cm-panels) {
-  @apply top-lowerFourthStickyFold #{!important};
-}
 </style>

packages/hoppscotch-common/src/components/lenses/renderers/RawLensRenderer.vue

@@ -121,9 +121,3 @@ useCodemirror(
 defineActionHandler("response.file.download", () => downloadResponse())
 defineActionHandler("response.copy", () => copyResponse())
 </script>
-
-<style lang="scss" scoped>
-:deep(.cm-panels) {
-  @apply top-lowerTertiaryStickyFold #{!important};
-}
-</style>