diff --git a/src/pages/ConsolePage.scss b/src/pages/ConsolePage.scss
index b8e0f81..ae162f7 100644
--- a/src/pages/ConsolePage.scss
+++ b/src/pages/ConsolePage.scss
@@ -60,7 +60,6 @@
         padding-top: 4px;
         line-height: 1.2em;
         overflow: auto;
-        position: relative;
         &.full {
           padding: 0px;
         }
@@ -190,6 +189,8 @@
     }
     .speaker-content {
       color: #18181b;
+      overflow: hidden;
+      word-wrap: break-word;
     }
   }
 
diff --git a/src/pages/ConsolePage.tsx b/src/pages/ConsolePage.tsx
index 5476355..c0bad5b 100644
--- a/src/pages/ConsolePage.tsx
+++ b/src/pages/ConsolePage.tsx
@@ -602,7 +602,7 @@ export function ConsolePage() {
               {items.map((conversationItem, i) => {
                 return (
                   <div className="conversation-item" key={conversationItem.id}>
-                    <div className={`speaker ${conversationItem.role}`}>
+                    <div className={`speaker ${conversationItem.role || ''}`}>
                       <div>
                         {(
                           conversationItem.role || conversationItem.type