diff --git a/app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue b/app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue
index de5cc933e..bae5db7e4 100644
--- a/app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/captain/builder/Index.vue
@@ -143,9 +143,14 @@ watch(messages, () => nextTick().then(scrollToBottom), { deep: true });
       <section ref="scrollContainer" class="messages">
         <div v-if="!messages.length" class="empty-state">
           <p>{{ t('CAPTAIN_HERMES_BUILDER.EMPTY_STATE') }}</p>
-          <Button variant="primary" :disabled="sending" @click="startSession">
+          <button
+            type="button"
+            class="start-button"
+            :disabled="sending"
+            @click="startSession"
+          >
             {{ t('CAPTAIN_HERMES_BUILDER.START') }}
-          </Button>
+          </button>
         </div>
         <div
           v-for="(msg, idx) in messages"
@@ -247,6 +252,27 @@ watch(messages, () => nextTick().then(scrollToBottom), { deep: true });
   }
 }
 
+.start-button {
+  background: var(--color-woot-500, #1f93ff);
+  color: #fff;
+  border: none;
+  padding: 10px 24px;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: background 0.15s;
+
+  &:hover:not(:disabled) {
+    background: var(--color-woot-600, #1976d2);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
 .msg {
   display: flex;