diff --git a/src/pages/home/home.ts b/src/pages/home/home.ts
index 2ada4b5..66efe56 100755
--- a/src/pages/home/home.ts
+++ b/src/pages/home/home.ts
@@ -590,7 +590,7 @@ async function handleMainPairing(): Promise<void> {
 
   } catch (error) {
     console.error('Pairing failed:', error);
-    
+
     if (mainStatus) {
       mainStatus.innerHTML = '<span style="color: var(--error-color)">❌ Authentication failed</span>';
     }
@@ -602,28 +602,27 @@ async function displayExistingProcesses(): Promise<void> {
   try {
     const service = await Services.getInstance();
     const processes = await service.getProcesses();
-    
+
     const container = getCorrectDOM('login-4nk-component') as HTMLElement;
     const mainStatus = container.querySelector('#main-status') as HTMLElement;
-    
+
     if (!mainStatus) {
       console.warn('Main status element not found');
       return;
     }
-    
+
     const processCount = Object.keys(processes).length;
     console.log(`📊 Found ${processCount} existing processes`);
-    
+
     if (processCount === 0) {
       if (mainStatus) {
         mainStatus.innerHTML = '<span style="color: var(--info-color)">📋 No existing processes found</span>';
       }
       return;
     }
-    
-    // Create a list of processes to display
-    let processesHtml = `<div style="text-align: left; max-height: 200px; overflow-y: auto; border: 1px solid #e9ecef; border-radius: 8px; padding: 10px; background: #f8f9fa;">
-      <h4 style="margin: 0 0 10px 0; color: var(--primary-color);">📋 Existing Processes (${processCount})</h4>`;
+
+    // Create simple text messages for each process
+    let messages = [];
     
     for (const [processId, process] of Object.entries(processes)) {
       const processInfo = {
@@ -633,21 +632,15 @@ async function displayExistingProcesses(): Promise<void> {
         lastUpdate: process.last_update || 'Unknown'
       };
       
-      processesHtml += `
-        <div style="margin: 8px 0; padding: 8px; background: white; border-radius: 4px; border-left: 3px solid var(--primary-color);">
-          <strong>Process:</strong> ${processInfo.id}<br>
-          <small style="color: #666;">
-            States: ${processInfo.states} | Members: ${processInfo.members} | Updated: ${processInfo.lastUpdate}
-          </small>
-        </div>`;
+      messages.push(`📋 Process ${processInfo.id} - States: ${processInfo.states}, Members: ${processInfo.members}, Updated: ${processInfo.lastUpdate}`);
     }
     
-    processesHtml += '</div>';
+    const messagesText = messages.join('\n');
     
     if (mainStatus) {
-      mainStatus.innerHTML = processesHtml;
+      mainStatus.innerHTML = `<pre style="white-space: pre-wrap; font-family: monospace; font-size: 12px; text-align: left;">${messagesText}</pre>`;
     }
-    
+
   } catch (error) {
     console.error('❌ Error displaying processes:', error);
     const container = getCorrectDOM('login-4nk-component') as HTMLElement;