From 3a60561a34c5d39470da76d13e5783da868df5f4 Mon Sep 17 00:00:00 2001
From: Mailo <oliam2002@hotmail.com>
Date: Mon, 19 Jan 2026 19:27:19 +0100
Subject: [PATCH] fix(ui): horizontal overflow on application and service
 headings (#7970)

---
 resources/css/app.css                              | 14 ++++++++++++--
 .../views/components/notification/navbar.blade.php |  2 +-
 .../livewire/project/application/heading.blade.php |  2 +-
 .../livewire/project/resource/index.blade.php      |  2 +-
 .../livewire/project/service/heading.blade.php     |  2 +-
 resources/views/livewire/server/navbar.blade.php   |  4 ++--
 6 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 30371d307..eeba1ee01 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -96,7 +96,17 @@ body {
 }
 
 body {
-    @apply min-h-screen text-sm antialiased scrollbar;
+    @apply min-h-screen text-sm antialiased scrollbar overflow-x-hidden;
+}
+
+.coolify-monaco-editor {
+    @apply min-w-0 w-full;
+    overflow-x: hidden;
+}
+
+.coolify-monaco-editor .monaco-editor,
+.coolify-monaco-editor .overflow-guard {
+    max-width: 100%;
 }
 
 option {
@@ -196,4 +206,4 @@ .log-highlight {
 
 .dark .log-highlight {
     background-color: rgba(234, 179, 8, 0.3);
-}
\ No newline at end of file
+}
diff --git a/resources/views/components/notification/navbar.blade.php b/resources/views/components/notification/navbar.blade.php
index 256c4d528..0ee3b8ee4 100644
--- a/resources/views/components/notification/navbar.blade.php
+++ b/resources/views/components/notification/navbar.blade.php
@@ -2,7 +2,7 @@
     <h1>Notifications</h1>
     <div class="subtitle">Get notified about your infrastructure.</div>
     <div class="navbar-main">
-        <nav class="flex items-center gap-6 min-h-10">
+        <nav class="flex items-center gap-3.5 min-h-10">
             <a class="{{ request()->routeIs('notifications.email') ? 'dark:text-white' : '' }}" {{ wireNavigate() }}
                 href="{{ route('notifications.email') }}">
                 <button>Email</button>
diff --git a/resources/views/livewire/project/application/heading.blade.php b/resources/views/livewire/project/application/heading.blade.php
index 4af466fc5..96e5d9770 100644
--- a/resources/views/livewire/project/application/heading.blade.php
+++ b/resources/views/livewire/project/application/heading.blade.php
@@ -1,7 +1,7 @@
 <nav wire:poll.10000ms="checkStatus" class="pb-6">
     <x-resources.breadcrumbs :resource="$application" :parameters="$parameters" :title="$lastDeploymentInfo" :lastDeploymentLink="$lastDeploymentLink" />
     <div class="navbar-main">
-        <nav class="flex shrink-0 gap-6 items-center whitespace-nowrap scrollbar min-h-10">
+        <nav class="flex shrink-0 gap-4 items-center whitespace-nowrap scrollbar min-h-10">
             <a class="{{ request()->routeIs('project.application.configuration') ? 'dark:text-white' : '' }}" {{ wireNavigate() }}
                 href="{{ route('project.application.configuration', $parameters) }}">
                 Configuration
diff --git a/resources/views/livewire/project/resource/index.blade.php b/resources/views/livewire/project/resource/index.blade.php
index 7d69e8b0b..f18df5061 100644
--- a/resources/views/livewire/project/resource/index.blade.php
+++ b/resources/views/livewire/project/resource/index.blade.php
@@ -3,7 +3,7 @@
         {{ data_get_str($project, 'name')->limit(10) }} > Resources | Coolify
     </x-slot>
     <div class="flex flex-col">
-        <div class="flex items-center gap-2">
+        <div class="flex min-w-0 flex-nowrap items-center gap-1">
             <h1>Resources</h1>
             @if ($environment->isEmpty())
                 @can('createAnyResource')
diff --git a/resources/views/livewire/project/service/heading.blade.php b/resources/views/livewire/project/service/heading.blade.php
index c33ebc279..15699e507 100644
--- a/resources/views/livewire/project/service/heading.blade.php
+++ b/resources/views/livewire/project/service/heading.blade.php
@@ -9,7 +9,7 @@
     <h1>{{ $title }}</h1>
     <x-resources.breadcrumbs :resource="$service" :parameters="$parameters" />
     <div class="navbar-main" x-data">
-        <nav class="flex shrink-0 gap-6 items-center whitespace-nowrap scrollbar min-h-10">
+        <nav class="flex shrink-0 gap-4 items-center whitespace-nowrap scrollbar min-h-10">
             <a class="{{ request()->routeIs('project.service.configuration') ? 'dark:text-white' : '' }}" {{ wireNavigate() }}
                 href="{{ route('project.service.configuration', $parameters) }}">
                 <button>Configuration</button>
diff --git a/resources/views/livewire/server/navbar.blade.php b/resources/views/livewire/server/navbar.blade.php
index 53d1b4950..4be11f51a 100644
--- a/resources/views/livewire/server/navbar.blade.php
+++ b/resources/views/livewire/server/navbar.blade.php
@@ -62,7 +62,7 @@ class="mx-1 dark:hover:fill-white fill-black dark:fill-warning">
     <div class="subtitle">{{ data_get($server, 'name') }}</div>
     <div class="navbar-main">
         <nav
-            class="flex items-center gap-6 overflow-x-scroll sm:overflow-x-hidden scrollbar min-h-10 whitespace-nowrap pt-2">
+            class="flex items-center gap-4 overflow-x-scroll sm:overflow-x-hidden scrollbar min-h-10 whitespace-nowrap pt-2">
             <a class="{{ request()->routeIs('server.show') ? 'dark:text-white' : '' }}" href="{{ route('server.show', [
     'server_uuid' => data_get($server, 'uuid'),
 ]) }}" {{ wireNavigate() }}>
@@ -197,4 +197,4 @@ class="flex items-center gap-6 overflow-x-scroll sm:overflow-x-hidden scrollbar
             </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>