fix styles for copilot

app/javascript/dashboard/components-next/copilot/Copilot.vue

@@ -116,7 +116,7 @@ watch(
     <div ref="chatContainer" class="flex-1 flex px-4 py-4 overflow-y-auto">
       <div
         v-if="messages.length"
-        class="space-y-6 flex-1 flex items-center justify-center"
+        class="space-y-6 flex-1 flex items-start justify-center"
       >
         <template v-for="message in messages" :key="message.id">
           <CopilotAgentMessage

app/javascript/dashboard/components-next/copilot/CopilotAgentMessage.vue

@@ -18,7 +18,7 @@ defineProps({
     <Avatar
       :name="supportAgent.available_name"
       :src="supportAgent.avatar_url"
-      :size="24"
+      :size="20"
       rounded-full
     />
     <div class="space-y-1 text-n-slate-12">

app/javascript/dashboard/components-next/copilot/CopilotAssistantMessage.vue

@@ -50,7 +50,7 @@ const useCopilotResponse = () => {
     <Avatar
       name="Captain Copilot"
       icon-name="i-woot-captain"
-      :size="24"
+      :size="20"
       rounded-full
     />
     <div class="flex flex-col gap-1 text-n-slate-12">

app/javascript/dashboard/components/copilot/CopilotContainer.vue

@@ -115,7 +115,10 @@ watchEffect(() => {
 </script>
 
 <template>
-  <div v-if="isSidebarOpen" class="border-l border-n-weak min-w-[17.5rem]">
+  <div
+    v-if="isSidebarOpen"
+    class="border-l border-n-weak w-[17.5rem] min-w-[17.5rem]"
+  >
     <Copilot
       :messages="messages"
       :support-agent="currentUser"