diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 292fa2e0a..af027a08c 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -129,7 +129,8 @@ const downloadCsv = () => {
             url="InvoiceOuts/filter"
         >
             <template #body="{ rows }">
-                <QToolbar class="bg-vn-dark justify-end">
+                <QHeader>
+                <QToolbar class="bg-vn-dark justify-end"  >
                     <div id="st-actions">
                         <QBtn
                             @click="downloadCsv()"
@@ -179,10 +180,12 @@ const downloadCsv = () => {
                             class="q-mr-md"
                         />
                     </div>
-                </QToolbar>
+                </QToolbar></QHeader>
+                <QPageContainer>
                 <div class="flex flex-center q-pa-md">
                     <div class="card-list">
                         <CardList
+
                             :element="row"
                             :id="row.id"
                             :show-checkbox="true"
@@ -240,7 +243,7 @@ const downloadCsv = () => {
                             </template>
                         </CardList>
                     </div>
-                </div>
+                </div></QPageContainer>
             </template>
         </VnPaginate>
     </QPage>
@@ -251,8 +254,19 @@ const downloadCsv = () => {
     width: 100%;
     max-width: 60em;
 }
+.fixed-top{
+    top:50px;
+}
+.q-toolbar{
+    padding-top: 10px;
+}
+.q-header {
+  position: sticky;
+}
+
 </style>
 
+
 <i18n>
 en:
     searchInvoice: Search issued invoice