From 420aa7eda06c90a04e2ff141f85d8f8f60188aa4 Mon Sep 17 00:00:00 2001
From: Nilanshu-Ankit <106482149+Nilanshu-Ankit@users.noreply.github.com>
Date: Mon, 8 Dec 2025 17:50:07 +0530
Subject: [PATCH] fix(common): increase modal dialog width for bigger screen
 (#5631)

Co-authored-by: nivedin <nivedinp@gmail.com>
---
 .../hoppscotch-common/src/components/collections/Properties.vue | 2 +-
 .../src/components/environments/my/Details.vue                  | 2 +-
 .../src/components/environments/teams/Details.vue               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/collections/Properties.vue b/packages/hoppscotch-common/src/components/collections/Properties.vue
index 9a0fecba..18505c13 100644
--- a/packages/hoppscotch-common/src/components/collections/Properties.vue
+++ b/packages/hoppscotch-common/src/components/collections/Properties.vue
@@ -4,7 +4,7 @@
     dialog
     :title="t('collection.properties')"
     :full-width-body="true"
-    styles="sm:max-w-3xl"
+    styles="sm:max-w-5xl"
     @close="hideModal"
   >
     <template #body>
diff --git a/packages/hoppscotch-common/src/components/environments/my/Details.vue b/packages/hoppscotch-common/src/components/environments/my/Details.vue
index ba7e68e4..879bcf1b 100644
--- a/packages/hoppscotch-common/src/components/environments/my/Details.vue
+++ b/packages/hoppscotch-common/src/components/environments/my/Details.vue
@@ -3,7 +3,7 @@
     v-if="show"
     dialog
     :title="t(`environment.${action}`)"
-    styles="sm:max-w-3xl"
+    styles="sm:max-w-5xl"
     @close="hideModal"
   >
     <template #body>
diff --git a/packages/hoppscotch-common/src/components/environments/teams/Details.vue b/packages/hoppscotch-common/src/components/environments/teams/Details.vue
index 18814e70..8ae12c10 100644
--- a/packages/hoppscotch-common/src/components/environments/teams/Details.vue
+++ b/packages/hoppscotch-common/src/components/environments/teams/Details.vue
@@ -3,7 +3,7 @@
     v-if="show"
     dialog
     :title="t(`environment.${action}`)"
-    styles="sm:max-w-3xl"
+    styles="sm:max-w-5xl"
     @close="hideModal"
   >
     <template #body>