diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index 591f723e9..c64ed3e75 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -458,11 +458,12 @@ function previewRoute(id) {
                             </template>
                             <template #body-cell-actions="props">
                                 <QTd :props="props">
-                                    <div class="table-actions">
+                                    <div class="flex items-center table-actions">
                                         <QIcon
                                             name="vn:ticketAdd"
                                             size="xs"
                                             color="primary"
+                                            class="cursor-pointer"
                                         >
                                             <QTooltip>{{ t('Add ticket') }}</QTooltip>
                                         </QIcon>
@@ -471,6 +472,7 @@ function previewRoute(id) {
                                             size="xs"
                                             color="primary"
                                             @click="previewRoute(props?.row?.id)"
+                                            class="cursor-pointer"
                                         >
                                             <QTooltip>{{ t('Preview') }}</QTooltip>
                                         </QIcon>
@@ -499,13 +501,7 @@ function previewRoute(id) {
 }
 
 .table-actions {
-    display: flex;
-    align-items: center;
     gap: 12px;
-
-    i {
-        cursor: pointer;
-    }
 }
 </style>
 <i18n>