Use rem instead of px

app/javascript/dashboard/components/ChatList.vue

@@ -811,7 +811,7 @@ watch(conversationFilters, (newVal, oldVal) => {
     class="flex flex-col flex-shrink-0 bg-n-solid-1 conversations-list-wrap"
     :class="[
       { hidden: !showConversationList },
-      isOnExpandedLayout ? 'basis-full' : 'w-[360px] 2xl:w-[420px]',
+      isOnExpandedLayout ? 'basis-full' : 'w-[22.5rem] 2xl:w-[26rem]',
     ]"
   >
     <slot />

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

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