Fixed web document rendering by changing cors

1 files changed, 7 insertions, 1 deletions

diff --git a/src/client/views/nodes/ChatBox/ChatBox.scss b/src/client/views/nodes/ChatBox/ChatBox.scss
index 76fa05ce8..adb0663c3 100644
--- a/src/client/views/nodes/ChatBox/ChatBox.scss
+++ b/src/client/views/nodes/ChatBox/ChatBox.scss
@@ -7,7 +7,6 @@ $light-text-color: #777;
 $border-color: #e1e8ed;
 $shadow-color: rgba(0, 0, 0, 0.1);
 $transition: all 0.3s ease;
-
 .chat-box {
     display: flex;
     flex-direction: column;
@@ -25,6 +24,7 @@ $transition: all 0.3s ease;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 4px 12px $shadow-color;
+    position: relative;
 
     .chat-header {
         background-color: $primary-color;
@@ -33,6 +33,7 @@ $transition: all 0.3s ease;
         text-align: center;
         box-shadow: 0 2px 4px $shadow-color;
         height: fit-content;
+
         h2 {
             margin: 0;
             font-size: 1.3em;
@@ -46,6 +47,7 @@ $transition: all 0.3s ease;
         padding: 20px;
         display: flex;
         flex-direction: column;
+        gap: 10px; // Added to give space between elements
 
         &::-webkit-scrollbar {
             width: 6px;
@@ -108,6 +110,9 @@ $transition: all 0.3s ease;
                 border-top: 3px solid #fff;
                 border-radius: 50%;
                 animation: spin 1s linear infinite;
+                display: flex;
+                align-items: center;
+                justify-content: center;
             }
         }
     }
@@ -121,6 +126,7 @@ $transition: all 0.3s ease;
     font-size: 15px;
     line-height: 1.5;
     box-shadow: 0 2px 4px $shadow-color;
+    word-wrap: break-word; // To handle long words
 
     &.user {
         align-self: flex-end;