diff --git a/src/css/app.scss b/src/css/app.scss
index aaa071cde..f596a18dd 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -136,6 +136,13 @@ select:-webkit-autofill {
     }
 }
 
+.q-btn {
+    text-transform: none;
+}
+.tr-header {
+    color: var(--vn-label-color);
+}
+
 .q-chip,
 .q-notification__message,
 .q-notification__icon {
@@ -168,4 +175,4 @@ input::-webkit-inner-spin-button {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
-}
\ No newline at end of file
+}
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index 2d6d17ae2..4c6e1dc56 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -171,7 +171,7 @@ const ticketsColumns = ref([
                     </template>
                     <template #body-cell-quantity="{ value, row }">
                         <QTd>
-                            <QBtn class="no-uppercase" flat color="primary" dense>
+                            <QBtn flat color="primary" dense>
                                 {{ value }}
                                 <CustomerDescriptorProxy :id="row.id" />
                             </QBtn>
@@ -182,12 +182,3 @@ const ticketsColumns = ref([
         </template>
     </CardSummary>
 </template>
-
-<style lang="scss" scoped>
-.tr-header {
-    color: var(--vn-label-color);
-}
-.no-uppercase {
-    text-transform: none;
-}
-</style>