diff --git a/resources/scripts/features/company/ai/components/AiChatConversationList.vue b/resources/scripts/features/company/ai/components/AiChatConversationList.vue
index dac0b2e1..07520e5c 100644
--- a/resources/scripts/features/company/ai/components/AiChatConversationList.vue
+++ b/resources/scripts/features/company/ai/components/AiChatConversationList.vue
@@ -17,10 +17,10 @@ async function remove(convo: AiConversationSummary, event: MouseEvent): Promise<
 
 <template>
   <div class="flex flex-col h-full">
-    <div class="p-3 border-b border-line-default">
+    <div class="h-12 px-3 border-b border-line-default flex items-center">
       <button
         type="button"
-        class="w-full text-left text-sm font-medium rounded px-3 py-2 bg-btn-primary text-white hover:bg-btn-primary-hover"
+        class="w-full text-center text-xs font-medium rounded px-2 py-1 bg-btn-primary text-white hover:bg-btn-primary-hover"
         @click="store.newConversation()"
       >
         + {{ $t('ai.chat.new_conversation') }}
diff --git a/resources/scripts/features/company/ai/components/AiChatDrawer.vue b/resources/scripts/features/company/ai/components/AiChatDrawer.vue
index 57df3e6c..18c748ec 100644
--- a/resources/scripts/features/company/ai/components/AiChatDrawer.vue
+++ b/resources/scripts/features/company/ai/components/AiChatDrawer.vue
@@ -58,7 +58,7 @@ async function onSend(message: string): Promise<void> {
 
         <!-- Messages + input -->
         <div class="flex-1 flex flex-col">
-          <div class="flex items-center justify-between p-3 border-b border-line-default">
+          <div class="h-12 flex items-center justify-between px-3 border-b border-line-default">
             <div class="flex items-center gap-2">
               <BaseIcon name="SparklesIcon" class="w-5 h-5 text-primary-500" />
               <h2 class="text-sm font-semibold text-heading">