diff --git a/src/css/app.scss b/src/css/app.scss
index 99170202d..2b2abec86 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -51,3 +51,7 @@ body.body--dark {
     color: var(--vn-text);
     border-radius: 8px;
 }
+
+.vn-secondary-button {
+    background-color: var(--vn-dark);
+}
diff --git a/src/pages/Claim/ClaimList.vue b/src/pages/Claim/ClaimList.vue
index b3dd64e8e..82f11316c 100644
--- a/src/pages/Claim/ClaimList.vue
+++ b/src/pages/Claim/ClaimList.vue
@@ -110,13 +110,13 @@ function viewSummary(id) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                             />
                             <QBtn
                                 :label="t('components.smartCard.viewDescription')"
                                 @click.stop
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                                 style="margin-top: 15px"
                             >
diff --git a/src/pages/Customer/CustomerList.vue b/src/pages/Customer/CustomerList.vue
index 6d450ad12..b3ec9d1c9 100644
--- a/src/pages/Customer/CustomerList.vue
+++ b/src/pages/Customer/CustomerList.vue
@@ -83,7 +83,7 @@ function viewSummary(id) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                             />
                             <QBtn
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 5f02f175d..90f3f54d4 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -151,7 +151,7 @@ const downloadCsv = (rows) => {
                             :label="t('globals.download')"
                             v-else
                         >
-                            <Qlist>
+                            <QList>
                                 <QItem clickable v-close-popup @click="downloadCsv(rows)">
                                     <QItemSection>
                                         <QItemLabel>
@@ -175,7 +175,7 @@ const downloadCsv = (rows) => {
                                         </QItemLabel>
                                     </QItemSection>
                                 </QItem>
-                            </Qlist>
+                            </QList>
                         </QBtnDropdown>
 
                         <QCheckbox
@@ -233,7 +233,7 @@ const downloadCsv = (rows) => {
                                 <QBtn
                                     :label="t('components.smartCard.openCard')"
                                     @click.stop="navigate(row.id)"
-                                    color="white"
+                                    class="vn-secondary-button"
                                     outline
                                     type="reset"
                                 />
diff --git a/src/pages/Shelving/ShelvingList.vue b/src/pages/Shelving/ShelvingList.vue
index 8b31e90cd..eb1ffab19 100644
--- a/src/pages/Shelving/ShelvingList.vue
+++ b/src/pages/Shelving/ShelvingList.vue
@@ -36,14 +36,14 @@ function viewSummary(id) {
 }
 
 function exprBuilder(param, value) {
-  switch (param) {
-    case 'search':
-      return {code: {like: `%${value}%`}};
-    case 'parkingFk':
-    case 'userFk':
-    case 'isRecyclable':
-      return {[param]: value};
-  }
+    switch (param) {
+        case 'search':
+            return { code: { like: `%${value}%` } };
+        case 'parkingFk':
+        case 'userFk':
+        case 'isRecyclable':
+            return { [param]: value };
+    }
 }
 </script>
 
@@ -105,7 +105,7 @@ function exprBuilder(param, value) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                             />
                             <QBtn
diff --git a/src/pages/Travel/TravelList.vue b/src/pages/Travel/TravelList.vue
index 43feae217..59e09acac 100644
--- a/src/pages/Travel/TravelList.vue
+++ b/src/pages/Travel/TravelList.vue
@@ -98,13 +98,13 @@ onMounted(async () => {
                             <QBtn
                                 :label="t('components.smartCard.clone')"
                                 @click.stop="cloneTravel(row)"
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                             />
                             <QBtn
                                 :label="t('addEntry')"
                                 @click.stop="viewSummary(row.id)"
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                                 style="margin-top: 15px"
                             />
diff --git a/src/pages/Wagon/Type/WagonTypeList.vue b/src/pages/Wagon/Type/WagonTypeList.vue
index 504b40353..58014ca92 100644
--- a/src/pages/Wagon/Type/WagonTypeList.vue
+++ b/src/pages/Wagon/Type/WagonTypeList.vue
@@ -64,7 +64,7 @@ async function remove(row) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                             />
                             <QBtn
diff --git a/src/pages/Wagon/WagonList.vue b/src/pages/Wagon/WagonList.vue
index 73db61646..e66b4a4a1 100644
--- a/src/pages/Wagon/WagonList.vue
+++ b/src/pages/Wagon/WagonList.vue
@@ -81,7 +81,7 @@ async function remove(row) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                             />
                             <QBtn
diff --git a/src/pages/Worker/WorkerList.vue b/src/pages/Worker/WorkerList.vue
index be679f3a4..40e3e2109 100644
--- a/src/pages/Worker/WorkerList.vue
+++ b/src/pages/Worker/WorkerList.vue
@@ -87,7 +87,7 @@ function viewSummary(id) {
                             <QBtn
                                 :label="t('components.smartCard.openCard')"
                                 @click.stop="navigate(row.id)"
-                                color="white"
+                                class="vn-secondary-button"
                                 outline
                             />
                             <QBtn