From 625f55831a001cd707d0a7452116dc3132db7973 Mon Sep 17 00:00:00 2001
From: "Mr. Robot" <gomexxxx71@gmail.com>
Date: Fri, 6 Feb 2026 09:18:50 +0600
Subject: [PATCH] fix: prevent modal from taking full width on mobile screen

---
 app/components/Modal.client.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Modal.client.vue b/app/components/Modal.client.vue
index a8e2831b2..1fea9c6bf 100644
--- a/app/components/Modal.client.vue
+++ b/app/components/Modal.client.vue
@@ -25,7 +25,7 @@ defineExpose({
     <dialog
       ref="dialogRef"
       closedby="any"
-      class="w-full bg-bg border border-border rounded-lg shadow-xl max-h-[90vh] overflow-y-auto overscroll-contain m-0 m-auto p-6 text-fg focus-visible:outline focus-visible:outline-accent/70"
+      class="w-[calc(100%-2rem)] bg-bg border border-border rounded-lg shadow-xl max-h-[90vh] overflow-y-auto overscroll-contain m-0 m-auto p-6 text-fg focus-visible:outline focus-visible:outline-accent/70"
       :aria-labelledby="modalTitleId"
       v-bind="$attrs"
     >