diff --git a/src/components/ChatHeader.vue b/src/components/ChatHeader.vue
index 1467b36..a8c089a 100644
--- a/src/components/ChatHeader.vue
+++ b/src/components/ChatHeader.vue
@@ -17,7 +17,7 @@
         style="overflow: hidden; cursor: pointer"
         @click.stop="onHeaderClicked"
       >
-        <div class="d-flex flex-nowrap room-name-inline">
+        <div class="room-name-inline text-truncate" :title="room.name">
           {{ room.name }}
           <!--<v-icon>expand_more</v-icon>-->
         </div>