diff --git a/front_end/panels/freestyler/components/FreestylerChatUi.ts b/front_end/panels/freestyler/components/FreestylerChatUi.ts
index e93bf83f609..4b466bccf63 100644
--- a/front_end/panels/freestyler/components/FreestylerChatUi.ts
+++ b/front_end/panels/freestyler/components/FreestylerChatUi.ts
@@ -536,7 +536,7 @@ export class FreestylerChatUi extends HTMLElement {
                       @click=${this.#handleCancel}
                       .data=${
                         {
-                          variant: Buttons.Button.Variant.ICON,
+                          variant: Buttons.Button.Variant.PRIMARY,
                           size: Buttons.Button.Size.SMALL,
                           iconName: 'stop',
                           title: i18nString(TempUIStrings.cancelButtonTitle),
diff --git a/front_end/panels/freestyler/components/freestylerChatUi.css b/front_end/panels/freestyler/components/freestylerChatUi.css
index 7df33bc49bb..92e7ddf521b 100644
--- a/front_end/panels/freestyler/components/freestylerChatUi.css
+++ b/front_end/panels/freestyler/components/freestylerChatUi.css
@@ -38,9 +38,10 @@
   height: var(--sys-size-11);
   border-radius: 4px;
   border: 1px solid var(--sys-color-neutral-outline);
-  padding-left: 2px;
+  padding: 0 2px;
   width: 100%;
   display: flex;
+  background-color: var(--sys-color-cdt-base-container);
 }
 
 .chat-input {
@@ -48,6 +49,8 @@
   height: var(--sys-size-11);
   padding: 0 6px;
   flex-grow: 1;
+  color: var(--sys-color-on-surface);
+  background-color: var(--sys-color-cdt-base-container);
 }
 
 .chat-input:focus-visible {