diff --git a/src/pages/Customer/Card/CustomerCredits.vue b/src/pages/Customer/Card/CustomerCredits.vue
index b59cf5f68..8931fdd1e 100644
--- a/src/pages/Customer/Card/CustomerCredits.vue
+++ b/src/pages/Customer/Card/CustomerCredits.vue
@@ -85,39 +85,45 @@ const toCustomerCreditCreate = () => {
         url="ClientCredits"
     />
 
-    <QPage class="column items-center q-pa-md">
-        <QTable
-            :columns="columns"
-            :pagination="{ rowsPerPage: 12 }"
-            :rows="rows"
-            class="full-width q-mt-md"
-            row-key="id"
-            v-if="rows?.length"
-        >
-            <template #body-cell="props">
-                <QTd :props="props">
-                    <QTr :props="props" class="cursor-pointer">
-                        <component
-                            :is="tableColumnComponents[props.col.name].component"
-                            @click="tableColumnComponents[props.col.name].event(props)"
-                            class="rounded-borders q-pa-sm"
-                            v-bind="tableColumnComponents[props.col.name].props(props)"
-                        >
-                            {{ props.value }}
-                            <WorkerDescriptorProxy
-                                :id="props.row.workerFk"
-                                v-if="props.col.name === 'employee'"
-                            />
-                        </component>
-                    </QTr>
-                </QTd>
-            </template>
-        </QTable>
+    <div class="full-width flex justify-center">
+        <QCard class="card-width q-pa-lg">
+            <QTable
+                :columns="columns"
+                :pagination="{ rowsPerPage: 12 }"
+                :rows="rows"
+                class="full-width q-mt-md"
+                row-key="id"
+                v-if="rows?.length"
+            >
+                <template #body-cell="props">
+                    <QTd :props="props">
+                        <QTr :props="props" class="cursor-pointer">
+                            <component
+                                :is="tableColumnComponents[props.col.name].component"
+                                @click="
+                                    tableColumnComponents[props.col.name].event(props)
+                                "
+                                class="rounded-borders q-pa-sm"
+                                v-bind="
+                                    tableColumnComponents[props.col.name].props(props)
+                                "
+                            >
+                                {{ props.value }}
+                                <WorkerDescriptorProxy
+                                    :id="props.row.workerFk"
+                                    v-if="props.col.name === 'employee'"
+                                />
+                            </component>
+                        </QTr>
+                    </QTd>
+                </template>
+            </QTable>
 
-        <h5 class="flex justify-center color-vn-label" v-else>
-            {{ t('globals.noResults') }}
-        </h5>
-    </QPage>
+            <h5 class="flex justify-center color-vn-label" v-else>
+                {{ t('globals.noResults') }}
+            </h5>
+        </QCard>
+    </div>
 
     <QPageSticky :offset="[18, 18]">
         <QBtn @click.stop="toCustomerCreditCreate()" color="primary" fab icon="add" />
diff --git a/src/pages/Customer/Card/CustomerNotes.vue b/src/pages/Customer/Card/CustomerNotes.vue
index d9400e663..734ee4522 100644
--- a/src/pages/Customer/Card/CustomerNotes.vue
+++ b/src/pages/Customer/Card/CustomerNotes.vue
@@ -23,45 +23,52 @@ const toCustomerNoteCreate = () => {
 </script>
 
 <template>
-    <QCard class="q-pa-lg">
-        <VnPaginate
-            data-key="CustomerNotes"
-            :url="'clientObservations'"
-            auto-load
-            :filter="noteFilter"
-        >
-            <template #body="{ rows }">
-                <div v-if="rows.length">
-                    <QCard
-                        v-for="(item, index) in rows"
-                        :key="index"
-                        :class="{
-                            'q-pa-md': true,
-                            'q-rounded': true,
-                            'custom-border': true,
-                            'q-mb-md': index < rows.length - 1,
-                        }"
-                    >
-                        <div class="flex justify-between">
-                            <p class="color-vn-label">{{ item.worker.user.nickname }}</p>
-                            <p class="color-vn-label">
-                                {{
-                                    date.formatDate(item?.created, 'DD-MM-YYYY HH:mm:ss')
-                                }}
-                            </p>
-                        </div>
-                        <h6 class="q-mt-xs q-mb-none">{{ item.text }}</h6>
-                    </QCard>
-                </div>
+    <div class="full-width flex justify-center">
+        <QCard class="card-width q-pa-lg">
+            <VnPaginate
+                data-key="CustomerNotes"
+                :url="'clientObservations'"
+                auto-load
+                :filter="noteFilter"
+            >
+                <template #body="{ rows }">
+                    <div v-if="rows.length">
+                        <QCard
+                            v-for="(item, index) in rows"
+                            :key="index"
+                            :class="{
+                                'q-pa-md': true,
+                                'q-rounded': true,
+                                'custom-border': true,
+                                'q-mb-md': index < rows.length - 1,
+                            }"
+                        >
+                            <div class="flex justify-between">
+                                <p class="color-vn-label">
+                                    {{ item.worker.user.nickname }}
+                                </p>
+                                <p class="color-vn-label">
+                                    {{
+                                        date.formatDate(
+                                            item?.created,
+                                            'DD-MM-YYYY HH:mm:ss'
+                                        )
+                                    }}
+                                </p>
+                            </div>
+                            <h6 class="q-mt-xs q-mb-none">{{ item.text }}</h6>
+                        </QCard>
+                    </div>
 
-                <div v-else>
-                    <h5 class="flex justify-center color-vn-label">
-                        {{ t('globals.noResults') }}
-                    </h5>
-                </div>
-            </template>
-        </VnPaginate>
-    </QCard>
+                    <div v-else>
+                        <h5 class="flex justify-center color-vn-label">
+                            {{ t('globals.noResults') }}
+                        </h5>
+                    </div>
+                </template>
+            </VnPaginate>
+        </QCard>
+    </div>
 
     <QPageSticky :offset="[18, 18]">
         <QBtn @click.stop="toCustomerNoteCreate()" color="primary" fab icon="add" />