diff --git a/src/app/components/chat-panel/chat-panel.component.scss b/src/app/components/chat-panel/chat-panel.component.scss
index 186ebef5..254b3913 100644
--- a/src/app/components/chat-panel/chat-panel.component.scss
+++ b/src/app/components/chat-panel/chat-panel.component.scss
@@ -210,7 +210,7 @@
     border: none;
     padding: 10px;
     box-sizing: content-box;
-    caret-color: white;
+    caret-color: var(--chat-panel-input-field-textarea-caret-color);
 
     &::placeholder {
       color: var(--chat-panel-input-field-textarea-placeholder-color);
diff --git a/src/styles.scss b/src/styles.scss
index b756711d..bc25b98a 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -90,6 +90,7 @@ markdown p {
   --chat-panel-eval-fail-color: #ff8983;
   --chat-panel-input-field-textarea-color: white;
   --chat-panel-input-field-textarea-placeholder-color: #8e918f;
+  --chat-panel-input-field-textarea-caret-color: white;
   --chat-panel-input-field-button-color: white;
   --chat-panel-input-field-button-background-color: rgb(51, 53, 55);
   --chat-panel-mat-mdc-mini-fab-background-color: white;