diff --git a/desk/src/components/global/ticket_list_item/Subject.vue b/desk/src/components/global/ticket_list_item/Subject.vue
index ee077c25d..759fbfba9 100644
--- a/desk/src/components/global/ticket_list_item/Subject.vue
+++ b/desk/src/components/global/ticket_list_item/Subject.vue
@@ -4,26 +4,26 @@
 			path: `/tickets/${ticket.name}`,
 		}"
 		role="button"
-		class="line-clamp-1 hover:text-gray-900 text-gray-600"
+		class="line-clamp-1 text-gray-600 hover:text-gray-900"
 		:class="{
-			'font-semibold text-gray-900': !(
-				JSON.parse(ticket._seen) || []
-			).includes(user.user),
+			'font-semibold text-gray-900': !(JSON.parse(ticket._seen) || []).includes(
+				authStore.userId
+			),
 		}"
 	>
 		{{ ticket.subject }}
 	</router-link>
 </template>
 
-<script>
-export default {
-	name: "Subject",
-	props: {
-		ticket: {
-			type: Object,
-			required: true,
-		},
+<script setup lang="ts">
+import { useAuthStore } from "@/stores/auth";
+
+defineProps({
+	ticket: {
+		type: Object,
+		required: true,
 	},
-	inject: ["user"],
-}
+});
+
+const authStore = useAuthStore();
 </script>