- Correctie van de ActiveChatInput container (werd nu te groot getoond).

eveai_chat_client/static/assets/vue-components/ChatInput.vue

@@ -435,12 +435,17 @@ export default {
 /* Algemene container */
 .chat-input-container {
     width: 100%;
+    max-width: 1000px;
     padding: 20px;
+    box-sizing: border-box;
     background-color: var(--active-background-color);
     color: var(--human-message-text-color);
     border-top: 1px solid #e0e0e0;
     font-family: Arial, sans-serif;
     font-size: 14px;
+    transition: opacity 0.2s ease-in-out;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 /* Input veld en knoppen */

eveai_chat_client/static/assets/vue-components/MessageHistory.vue

@@ -277,6 +277,13 @@ export default {
     display: flex;
     flex-direction: column;
     height: 100%;
+    min-height: 0;
+    padding: 20px; /* Interne padding voor MessageHistory */
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 1000px; /* Optimale breedte */
+    margin-left: auto;
+    margin-right: auto; /* Horizontaal centreren */
     overflow: hidden;
 }