diff --git a/front/src/views/room/RoomView.vue b/front/src/views/room/RoomView.vue
index 803e6df..5371cf8 100644
--- a/front/src/views/room/RoomView.vue
+++ b/front/src/views/room/RoomView.vue
@@ -32,9 +32,9 @@ onBeforeRouteUpdate(async (to, from) => {
 
 const shouldDisplayComposer = () => {
     if (!id.value) return false;
-    const room = store.getters.room(id);
+    const room = store.getters.room(id.value);
     if (!room) return false;
-    return room.roomType === RoomType.THREAD || room.roomType === RoomType.GROUP;
+    return room.roomType == RoomType.THREAD || room.roomType == RoomType.GROUP;
 };
 </script>
 
diff --git a/front/src/views/sidebar/rooms/threads/Thread.vue b/front/src/views/sidebar/rooms/threads/Thread.vue
index 291bd83..3d89357 100644
--- a/front/src/views/sidebar/rooms/threads/Thread.vue
+++ b/front/src/views/sidebar/rooms/threads/Thread.vue
@@ -14,7 +14,7 @@ const router = useRouter();
 <template>
     <div
         @click="router.push(`/${props.threadId}`)"
-        v-bind:class="store.state.activeRoom == props.data.id ? 'selected' : ''"
+        v-bind:class="store.state.activeRoom == props.threadId ? 'selected' : ''"
         class="room"
     >
         {{ room.roomName }}