From 27392a5793fd375a9ecaee70831e9c1430305c0f Mon Sep 17 00:00:00 2001
From: Nivedin <53208152+nivedin@users.noreply.github.com>
Date: Mon, 7 Jul 2025 13:18:28 +0530
Subject: [PATCH] fix: tooltip alignment update (#5217)

---
 packages/hoppscotch-common/assets/scss/styles.scss          | 6 +++++-
 .../src/helpers/editor/extensions/HoppEnvironment.ts        | 2 +-
 .../helpers/editor/extensions/HoppPredefinedVariables.ts    | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/hoppscotch-common/assets/scss/styles.scss b/packages/hoppscotch-common/assets/scss/styles.scss
index 671359d0..a16d71e7 100644
--- a/packages/hoppscotch-common/assets/scss/styles.scss
+++ b/packages/hoppscotch-common/assets/scss/styles.scss
@@ -167,8 +167,12 @@ a {
   @apply rounded;
   @apply shadow;
 
+  .env-tooltip-content {
+    @apply flex-col;
+  }
+
   .tippy-content {
-    @apply flex flex-col;
+    @apply flex;
     @apply text-tiny text-primary;
     @apply font-semibold;
     @apply px-2 py-1;
diff --git a/packages/hoppscotch-common/src/helpers/editor/extensions/HoppEnvironment.ts b/packages/hoppscotch-common/src/helpers/editor/extensions/HoppEnvironment.ts
index ef6fb5b3..4e845554 100644
--- a/packages/hoppscotch-common/src/helpers/editor/extensions/HoppEnvironment.ts
+++ b/packages/hoppscotch-common/src/helpers/editor/extensions/HoppEnvironment.ts
@@ -300,7 +300,7 @@ const cursorTooltipField = (aggregateEnvs: AggregateEnvironment[]) =>
           envContainer.appendChild(initialValueBlock)
           envContainer.appendChild(currentValueBlock)
 
-          tooltipContainer.className = "tippy-content"
+          tooltipContainer.className = "tippy-content env-tooltip-content"
           dom.className = "tippy-box"
           dom.dataset.theme = "tooltip"
           dom.appendChild(tooltipContainer)
diff --git a/packages/hoppscotch-common/src/helpers/editor/extensions/HoppPredefinedVariables.ts b/packages/hoppscotch-common/src/helpers/editor/extensions/HoppPredefinedVariables.ts
index 0e1cfeaf..bd201f4d 100644
--- a/packages/hoppscotch-common/src/helpers/editor/extensions/HoppPredefinedVariables.ts
+++ b/packages/hoppscotch-common/src/helpers/editor/extensions/HoppPredefinedVariables.ts
@@ -130,7 +130,7 @@ const cursorTooltipField = () =>
           dom.className = "tippy-box"
           dom.dataset.theme = "tooltip"
 
-          tooltipContainer.className = "tippy-content"
+          tooltipContainer.className = "tippy-content env-tooltip-content"
 
           dom.appendChild(tooltipContainer)
           return { dom }