diff --git a/resources/js/vue/views/Cycle/List.vue b/resources/js/vue/views/Cycle/List.vue
index 5b06058f..deb41112 100644
--- a/resources/js/vue/views/Cycle/List.vue
+++ b/resources/js/vue/views/Cycle/List.vue
@@ -203,7 +203,7 @@ export default {
                 sortable: false,
                 text: "Action",
                 value: "action",
-                align: "right"
+                align: "left"
             }
         ],
         filter: {},
diff --git a/resources/js/vue/views/Item/List.vue b/resources/js/vue/views/Item/List.vue
index a0e304f4..7703ca74 100644
--- a/resources/js/vue/views/Item/List.vue
+++ b/resources/js/vue/views/Item/List.vue
@@ -128,7 +128,7 @@
                 </v-layout>
                 <v-divider></v-divider>
                 <div class="text-xs-center" v-if="lastPage > 1">
-                    <v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
+                    <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
                 </div>
                 <v-layout row wrap align-center justify-center class="mt-3">
                     <router-link to="/dashboard">
@@ -174,7 +174,7 @@ export default {
                 sortable: false,
                 text: "Action",
                 value: "action",
-                align: "right"
+                align: "left"
             }
         ],
         filter: {
diff --git a/resources/js/vue/views/Label/List.vue b/resources/js/vue/views/Label/List.vue
index f3894bab..94c121b9 100644
--- a/resources/js/vue/views/Label/List.vue
+++ b/resources/js/vue/views/Label/List.vue
@@ -176,7 +176,7 @@ export default {
 				sortable: false,
 				text: "Action",
 				value: "action",
-				align: "right"
+				align: "left"
 			}
 		],
 		filter: {},
diff --git a/resources/js/vue/views/Package/List.vue b/resources/js/vue/views/Package/List.vue
index 314853f0..c5099d23 100644
--- a/resources/js/vue/views/Package/List.vue
+++ b/resources/js/vue/views/Package/List.vue
@@ -173,7 +173,7 @@ export default {
                 sortable: false,
                 text: "Action",
                 value: "action",
-                align: "right"
+                align: "left"
             }
         ],
         filter: {
diff --git a/resources/js/vue/views/TestResult/List.vue b/resources/js/vue/views/TestResult/List.vue
index 7caf8c43..e405caf7 100644
--- a/resources/js/vue/views/TestResult/List.vue
+++ b/resources/js/vue/views/TestResult/List.vue
@@ -127,17 +127,6 @@
                 <v-layout class="px-4 my-3">
                     <v-divider></v-divider>
                 </v-layout>
-                <!-- <v-tooltip bottom open-on-hover>
-                                    <template #activator>
-                                        <v-btn
-                                        color="primary"
-                                        dark
-                                        v-bind="attrs"
-                                        v-on="on"
-                                        >Button</v-btn>
-                                    </template>
-                                    <span>Tooltip</span>
-                                    </v-tooltip> -->
                 <v-layout align-center wrap class="px-5 my-2">
                     <v-flex md12>
                         <v-data-table :headers="headers" :items="items" hide-actions>
@@ -294,7 +283,7 @@ export default {
                 sortable: false,
                 text: "Action",
                 value: "action",
-                align: "right"
+                align: "left"
             }
         ],
         filter: {
diff --git a/resources/js/vue/views/Tickets/List.vue b/resources/js/vue/views/Tickets/List.vue
index 6193ea86..0cc66d10 100644
--- a/resources/js/vue/views/Tickets/List.vue
+++ b/resources/js/vue/views/Tickets/List.vue
@@ -38,23 +38,37 @@
                                     >{{ item.unread_messages_count }} unread</span>
                                 </span>
                             </td>
-                            <td class="text-xs-right">
+                            <td class="text-xs-left FlexBtn"> 
+                                <v-tooltip bottom open-on-hover>
+                                <template v-slot:activator="{ on, attrs }">
                                 <v-btn
-                                    color="pink"
+                                    color="cyan"
                                     @click="showmessages(item.id)"
                                     class="WM-ActionButton"
+                                    v-bind="attrs"
+                                    v-on="on"
                                 >
-                                    <v-icon class="white--text mr-2 caption">fas fa-chevron-right</v-icon>
+                                    <v-icon class="white--text mr-2 caption">fas fa-eye</v-icon>
                                     <span>Show Message</span>
                                 </v-btn>
+                                </template>
+                                <span>Show Message</span>
+                                </v-tooltip>
+                                <v-tooltip bottom open-on-hover>
+                                <template v-slot:activator="{ on, attrs }">
                                 <v-btn
                                     color="pink"
                                     @click="remove(item.id)"
                                     class="WM-ActionButton"
+                                    v-bind="attrs"
+                                    v-on="on"
                                 >
                                     <v-icon class="white--text mr-2 caption">fas fa-trash</v-icon>
                                     <span>delete</span>
                                 </v-btn>
+                                </template>
+                                <span>delete</span>
+                                </v-tooltip>
                             </td>
                         </template>
                     </v-data-table>
@@ -62,7 +76,7 @@
             </v-layout>
             <v-divider></v-divider>
             <div class="text-xs-center" v-if="lastPage > 1">
-                <v-pagination v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
+                <v-pagination color="black" v-model="currentPage" :length="lastPage" :total-visible="6"></v-pagination>
             </div>
             <v-layout row wrap align-center justify-center class="mt-3">
                 <router-link :to="{name: 'Dashboard'}">
@@ -102,7 +116,7 @@ export default {
                 sortable: false,
                 text: "Action",
                 value: "action",
-                align: "right"
+                align: "left"
             }
         ],
         filter: {