diff --git a/src/linecomps.tsx b/src/linecomps.tsx
index 9a56cf96..341be3b2 100644
--- a/src/linecomps.tsx
+++ b/src/linecomps.tsx
@@ -274,7 +274,7 @@ class LineOpenAI extends React.Component<{screen : LineContainerModel, line : Li
         }
         return (
             <div className="openai-message">
-                <span className="openai-role">[user]</span>
+                <span className="openai-role openai-role-user">[user]</span>
                 <div className="openai-content">{cmdStr}</div>
             </div>
         );
@@ -284,7 +284,7 @@ class LineOpenAI extends React.Component<{screen : LineContainerModel, line : Li
         let output = "...\nhello\nmore";
         return (
             <div className="openai-message">
-                <div className="openai-role">[assistant]</div>
+                <div className="openai-role openai-role-assistant">[assistant]</div>
                 <div className="openai-content">{output}</div>
             </div>
         );
diff --git a/src/lines.less b/src/lines.less
index 0f404b13..cc770d74 100644
--- a/src/lines.less
+++ b/src/lines.less
@@ -45,11 +45,15 @@
         justify-content: flex-start;
         
         .openai-role {
-            color: @term-green;
+            color: @term-bright-green;
             font-weight: bold;
             width: 100px;
         }
 
+        .openai-role.openai-role-assistant {
+            color: @term-bright-white;
+        }
+
         .openai-content {
             white-space: pre;
             color: white;
@@ -73,6 +77,10 @@
         height: 36px;
         width: 100%;
 
+        &.is-expanded {
+            height: auto;
+        }
+
         .line-icon {
             display: block;
             visibility: hidden;
@@ -438,7 +446,7 @@
         margin-top: 2px;
         padding-left: 6px;
         overflow-y: auto;
-        max-height: 54px;
+        max-height: 60px;
         border-left: 2px solid #333;
         margin-left: 3px;