From 2f2ab6d775c500f28742e9a8e121f9a59ef220dc Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Sat, 25 Oct 2025 10:58:26 +0200
Subject: [PATCH] fix: constrain callout width with max-w-2xl and wrap text
 properly
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Set explicit max-width constraint (max-w-2xl) on callout wrapper
and added whitespace-normal to ensure text wraps properly within
the modal instead of expanding it horizontally.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 resources/views/livewire/source/github/change.blade.php | 8 +++++---
 resources/views/livewire/source/github/create.blade.php | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/resources/views/livewire/source/github/change.blade.php b/resources/views/livewire/source/github/change.blade.php
index 9530ccbfd..5b8c6241a 100644
--- a/resources/views/livewire/source/github/change.blade.php
+++ b/resources/views/livewire/source/github/change.blade.php
@@ -73,9 +73,11 @@ class="bg-transparent border-transparent hover:bg-transparent hover:border-trans
                                 instantSave id="isSystemWide" />
                         </div>
                         @if ($isSystemWide)
-                            <div class="max-w-full">
-                                <x-callout type="warning" title="Not Recommended" class="break-words">
-                                    System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead.
+                            <div class="w-full max-w-2xl">
+                                <x-callout type="warning" title="Not Recommended">
+                                    <div class="whitespace-normal break-words">
+                                        System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead.
+                                    </div>
                                 </x-callout>
                             </div>
                         @endif
diff --git a/resources/views/livewire/source/github/create.blade.php b/resources/views/livewire/source/github/create.blade.php
index 361e8b520..ebc9c1566 100644
--- a/resources/views/livewire/source/github/create.blade.php
+++ b/resources/views/livewire/source/github/create.blade.php
@@ -14,9 +14,11 @@
                     <x-forms.checkbox id="is_system_wide" label="System Wide"
                         helper="If checked, this GitHub App will be available for everyone in this Coolify instance." />
                 </div>
-                <div x-show="showWarning" x-transition style="display: none;" class="max-w-full">
-                    <x-callout type="warning" title="Not Recommended" class="break-words">
-                        System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead.
+                <div x-show="showWarning" x-transition style="display: none;" class="w-full max-w-2xl">
+                    <x-callout type="warning" title="Not Recommended">
+                        <div class="whitespace-normal break-words">
+                            System-wide GitHub Apps are shared across all teams on this Coolify instance. This means any team can use this GitHub App to deploy applications from your repositories. For better security and isolation, it's recommended to create team-specific GitHub Apps instead.
+                        </div>
                     </x-callout>
                 </div>
             </div>