fix: no root div

frontend/src/components/ListViews/CallLogsListView.vue

@@ -9,6 +9,7 @@
       resizeColumn: options.resizeColumn,
     }"
     row-key="name"
+    v-bind="$attrs"
   >
     <ListHeader class="mx-5" @columnWidthUpdated="emit('columnWidthUpdated')">
       <ListHeaderItem

frontend/src/components/WhatsAppBox.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="reply?.message"
-    class="flex items-center justify-around gap-2 sm:px-10 px-4 pt-2"
+    class="flex items-center justify-around gap-2 px-4 pt-2 sm:px-10"
   >
     <div
       class="mb-1 ml-13 flex-1 cursor-pointer rounded border-0 border-l-4 border-green-500 bg-gray-100 p-2 text-base text-gray-600"
@@ -18,7 +18,7 @@
 
     <Button variant="ghost" icon="x" @click="reply = {}" />
   </div>
-  <div class="flex items-end gap-2 sm:px-10 px-4 py-2.5">
+  <div class="flex items-end gap-2 px-4 py-2.5 sm:px-10" v-bind="$attrs">
     <div class="flex h-8 items-center gap-2">
       <FileUploader @success="(file) => uploadFile(file)">
         <template v-slot="{ openFileSelector }">