diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index 018ec1905..19d25d259 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -187,13 +187,13 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         {{ t('components.total') }}
                     </span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label"
                         >{{ t('components.baseToCommission') }}:
                     </span>
                     <span>{{ toCurrency(getBase) }}</span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label"
                         >{{ t('components.totalWithoutVat') }}:
                     </span>
@@ -214,7 +214,6 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 <QCardSection
                     v-for="(component, index) in componentsList"
                     :key="index"
-                    class="justify-center"
                     horizontal
                 >
                     <span v-if="component.name" class="q-mr-xs color-vn-label">
@@ -236,19 +235,19 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         {{ t('components.zoneBreakdown') }}
                     </span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.price') }}:
                     </span>
                     <span>{{ toCurrency(ticketData?.zonePrice, 'EUR', 2) }}</span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.bonus') }}:
                     </span>
                     <span>{{ toCurrency(ticketData?.zoneBonus, 'EUR', 2) }}</span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.zone') }}:
                     </span>
@@ -257,17 +256,13 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         <ZoneDescriptorProxy :id="ticketData?.zone?.id" />
                     </span>
                 </QCardSection>
-                <QCardSection
-                    v-if="ticketData?.zone?.isVolumetric"
-                    class="justify-center"
-                    horizontal
-                >
+                <QCardSection v-if="ticketData?.zone?.isVolumetric" horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.volume') }}:
                     </span>
                     <span>{{ ticketVolume }}</span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.packages') }}:
                     </span>
@@ -285,7 +280,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         {{ t('components.theoricalCost') }}
                     </span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.totalPrice') }}:
                     </span>