diff --git a/frontend/src/components/Controls/DatePicker.vue b/frontend/src/components/Controls/DatePicker.vue
index a1579bac..1ef888b1 100644
--- a/frontend/src/components/Controls/DatePicker.vue
+++ b/frontend/src/components/Controls/DatePicker.vue
@@ -23,14 +23,14 @@
       >
         <div class="flex items-center p-1 text-gray-500">
           <Button variant="ghost" class="h-7 w-7" @click="prevMonth">
-            <FeatherIcon stroke-width="2" name="chevron-left" class="h-4 w-4" />
+            <FeatherIcon :stroke-width="2" name="chevron-left" class="h-4 w-4" />
           </Button>
           <div class="flex-1 text-center text-base font-medium text-gray-700">
             {{ formatMonth }}
           </div>
           <Button variant="ghost" class="h-7 w-7" @click="nextMonth">
             <FeatherIcon
-              stroke-width="2"
+              :stroke-width="2"
               name="chevron-right"
               class="h-4 w-4"
             />
diff --git a/frontend/src/components/Controls/DateRangePicker.vue b/frontend/src/components/Controls/DateRangePicker.vue
index a2e79898..0724109b 100644
--- a/frontend/src/components/Controls/DateRangePicker.vue
+++ b/frontend/src/components/Controls/DateRangePicker.vue
@@ -22,14 +22,14 @@
       >
         <div class="flex items-center p-1 text-gray-500">
           <Button variant="ghost" class="h-7 w-7" @click="prevMonth">
-            <FeatherIcon stroke-width="2" name="chevron-left" class="h-4 w-4" />
+            <FeatherIcon :stroke-width="2" name="chevron-left" class="h-4 w-4" />
           </Button>
           <div class="flex-1 text-center text-base font-medium text-gray-700">
             {{ formatMonth }}
           </div>
           <Button variant="ghost" class="h-7 w-7" @click="nextMonth">
             <FeatherIcon
-              stroke-width="2"
+              :stroke-width="2"
               name="chevron-right"
               class="h-4 w-4"
             />
diff --git a/frontend/src/components/Controls/DatetimePicker.vue b/frontend/src/components/Controls/DatetimePicker.vue
index bdae182c..61f47106 100644
--- a/frontend/src/components/Controls/DatetimePicker.vue
+++ b/frontend/src/components/Controls/DatetimePicker.vue
@@ -20,14 +20,14 @@
       >
         <div class="flex items-center p-1 text-gray-500">
           <Button variant="ghost" class="h-7 w-7" @click="prevMonth">
-            <FeatherIcon stroke-width="2" name="chevron-left" class="h-4 w-4" />
+            <FeatherIcon :stroke-width="2" name="chevron-left" class="h-4 w-4" />
           </Button>
           <div class="flex-1 text-center text-base font-medium text-gray-700">
             {{ formatMonth }}
           </div>
           <Button variant="ghost" class="h-7 w-7" @click="nextMonth">
             <FeatherIcon
-              stroke-width="2"
+              :stroke-width="2"
               name="chevron-right"
               class="h-4 w-4"
             />
diff --git a/frontend/src/components/Modals/CallLogModal.vue b/frontend/src/components/Modals/CallLogModal.vue
index 903e76c2..58d9a7e8 100644
--- a/frontend/src/components/Modals/CallLogModal.vue
+++ b/frontend/src/components/Modals/CallLogModal.vue
@@ -124,7 +124,7 @@ import { useRouter } from 'vue-router'
 
 const props = defineProps({
   name: {
-    type: Object,
+    type: String,
     default: {},
   },
 })
diff --git a/frontend/src/components/Modals/EmailTemplateModal.vue b/frontend/src/components/Modals/EmailTemplateModal.vue
index 21702957..bffc00d3 100644
--- a/frontend/src/components/Modals/EmailTemplateModal.vue
+++ b/frontend/src/components/Modals/EmailTemplateModal.vue
@@ -60,7 +60,7 @@
             type="textarea"
             variant="outline"
             ref="content"
-            rows="10"
+            :rows="10"
             v-model="_emailTemplate.response_html"
             :placeholder="
               __(
diff --git a/frontend/src/pages/CallLogs.vue b/frontend/src/pages/CallLogs.vue
index e0b139d9..ad345b33 100644
--- a/frontend/src/pages/CallLogs.vue
+++ b/frontend/src/pages/CallLogs.vue
@@ -50,11 +50,7 @@
       <span>{{ __('No {0} Found', [__('Logs')]) }}</span>
     </div>
   </div>
-  <CallLogModal
-    v-model="showCallLogModal"
-    v-model:reloadCallLogs="callLogs"
-    :name="selectedCallLog"
-  />
+  <CallLogModal v-model="showCallLogModal" :name="selectedCallLog" />
 </template>
 
 <script setup>