From 69aaeaf42a751eb388aaa430cf443920add81311 Mon Sep 17 00:00:00 2001
From: Jitendra Nirnejak <jeetnirnejak@gmail.com>
Date: Mon, 27 Jun 2022 15:52:32 +0530
Subject: [PATCH] fix: environment variables overflowing issue on test results
 - fix (#2473)

---
 packages/hoppscotch-app/components/http/TestResultEnv.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/hoppscotch-app/components/http/TestResultEnv.vue b/packages/hoppscotch-app/components/http/TestResultEnv.vue
index fba1a8226..4b1ef2895 100644
--- a/packages/hoppscotch-app/components/http/TestResultEnv.vue
+++ b/packages/hoppscotch-app/components/http/TestResultEnv.vue
@@ -12,10 +12,10 @@
       <span class="text-secondaryDark">
         {{ env.key }}
       </span>
-      <span class="text-secondaryDark">
+      <span class="text-secondaryDark pl-2 break-all">
         {{ ` \xA0 — \xA0 ${env.value}` }}
       </span>
-      <span v-if="status === 'updations'" class="text-secondaryLight">
+      <span v-if="status === 'updations'" class="text-secondaryLight px-2 break-all">
         {{ ` \xA0 ← \xA0 ${env.previousValue}` }}
       </span>
     </div>