diff --git a/src/components/ui/VnSms.vue b/src/components/ui/VnSms.vue
index 98eec07a1..625fdec77 100644
--- a/src/components/ui/VnSms.vue
+++ b/src/components/ui/VnSms.vue
@@ -1,14 +1,12 @@
 <script setup>
 import { onBeforeMount } from 'vue';
 import { date } from 'quasar';
-import { useSession } from 'src/composables/useSession';
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import VnAvatar from '../ui/VnAvatar.vue';
 
 const $props = defineProps({
     url: { type: String, default: null },
     where: { type: Object, default: () => {} },
-    body: { type: Object, default: () => {} },
 });
 
 const filter = {
@@ -59,8 +57,7 @@ function formatNumber(number) {
                     <QCard
                         flat
                         bordered
-                        class="card q-pa-md"
-                        id="smsCard"
+                        class="card q-pa-md q-mb-sm smsCard"
                         v-for="row of rows"
                         :key="row.smsFk"
                     >
@@ -80,14 +77,14 @@ function formatNumber(number) {
                                 }}</QItemLabel>
                                 <QItemLabel>{{ row.sms.message }}</QItemLabel>
                             </QItemSection>
-                            <QItemSection side top class="center">
+                            <QItemSection side>
                                 <QItemLabel caption>{{
                                     date.formatDate(
                                         row.sms.created,
                                         'YYYY-MM-DD HH:mm:ss'
                                     )
                                 }}</QItemLabel>
-                                <QItemLabel>
+                                <QItemLabel class="row center">
                                     <QChip
                                         :color="
                                             row.sms.status == 'OK'
@@ -107,12 +104,7 @@ function formatNumber(number) {
     </div>
 </template>
 <style lang="scss" scoped>
-#smsCard {
-    margin-bottom: 2%;
-    max-width: 80em;
-    width: 100%;
-}
-.center {
+.q-item__section--side {
     align-items: center;
 }
 </style>
diff --git a/src/pages/Customer/Card/CustomerSms.vue b/src/pages/Customer/Card/CustomerSms.vue
index 42bd39ec9..a567f6b47 100644
--- a/src/pages/Customer/Card/CustomerSms.vue
+++ b/src/pages/Customer/Card/CustomerSms.vue
@@ -1,25 +1,17 @@
 <script setup>
 import { useRoute } from 'vue-router';
-import { useState } from 'src/composables/useState';
 import VnSms from 'src/components/ui/VnSms.vue';
 
 const route = useRoute();
-const state = useState();
-const user = state.getUser();
 const id = route.params.id;
 
 const where = {
     clientFk: id,
     ticketFk: null,
 };
-
-const body = {
-    claimFk: id,
-    workerFk: user.value.id,
-};
 </script>
 <template>
     <div class="column items-center">
-        <VnSms url="clientSms" :where="where" :body="body" />
+        <VnSms url="clientSms" :where="where" />
     </div>
 </template>
diff --git a/src/pages/Ticket/Card/TicketSms.vue b/src/pages/Ticket/Card/TicketSms.vue
index 0146b93ec..ff7de6611 100644
--- a/src/pages/Ticket/Card/TicketSms.vue
+++ b/src/pages/Ticket/Card/TicketSms.vue
@@ -1,24 +1,16 @@
 <script setup>
 import { useRoute } from 'vue-router';
-import { useState } from 'src/composables/useState';
 import VnSms from 'src/components/ui/VnSms.vue';
 
 const route = useRoute();
-const state = useState();
-const user = state.getUser();
 const id = route.params.id;
 
 const where = {
     ticketFk: id,
 };
-
-const body = {
-    claimFk: id,
-    workerFk: user.value.id,
-};
 </script>
 <template>
     <div class="column items-center">
-        <VnSms url="clientSms" :where="where" :body="body" />
+        <VnSms url="clientSms" :where="where" />
     </div>
 </template>