diff --git a/web/logs.html b/web/logs.html
index c492092..4a8b6b1 100644
--- a/web/logs.html
+++ b/web/logs.html
@@ -238,9 +238,12 @@
                 <!-- Tab Content: App Logs -->
                 <div
                     id="content-app-logs"
-                    class="flex-1 bg-[#0a0f16] overflow-y-auto p-4 font-mono text-sm tab-content"
+                    class="flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-auto p-4 font-mono text-sm tab-content"
                 >
-                    <div id="log-container" class="space-y-1">
+                    <div
+                        id="log-container"
+                        class="space-y-1 break-words overflow-wrap-anywhere"
+                    >
                         <!-- Welcome Message -->
                         <div class="text-[#9dabb9] opacity-50">
                             <span class="text-green-400">●</span> SIAX Monitor
@@ -256,9 +259,12 @@
                 <!-- Tab Content: System Errors -->
                 <div
                     id="content-system-errors"
-                    class="hidden flex-1 bg-[#0a0f16] overflow-y-auto p-4 font-mono text-sm tab-content"
+                    class="hidden flex-1 bg-[#0a0f16] overflow-y-auto overflow-x-auto p-4 font-mono text-sm tab-content"
                 >
-                    <div id="system-errors-container" class="space-y-1">
+                    <div
+                        id="system-errors-container"
+                        class="space-y-1 break-words overflow-wrap-anywhere"
+                    >
                         <div class="text-[#9dabb9] opacity-50">
                             <span class="text-yellow-400">⚠</span> Cargando logs
                             de errores del sistema...
@@ -405,7 +411,8 @@
             function appendLog(type, message, logData = null) {
                 const logContainer = document.getElementById("log-container");
                 const logEntry = document.createElement("div");
-                logEntry.className = "log-line";
+                logEntry.className =
+                    "log-line break-words overflow-wrap-anywhere";
 
                 const timestamp = new Date()
                     .toISOString()
@@ -572,7 +579,7 @@
                                     color = "text-blue-400";
                                 }
 
-                                return `<div class="log-line ${color}">${icon} ${escapeHtml(line)}</div>`;
+                                return `<div class="log-line break-words overflow-wrap-anywhere ${color}">${icon} ${escapeHtml(line)}</div>`;
                             })
                             .join("");