diff --git a/resources/js/components/rooms/RoomHeader.vue b/resources/js/components/rooms/RoomHeader.vue
index cd42369..5dea09c 100644
--- a/resources/js/components/rooms/RoomHeader.vue
+++ b/resources/js/components/rooms/RoomHeader.vue
@@ -26,7 +26,7 @@ async function copyInviteLink(): Promise<void> {
 
 <template>
     <header
-        class="mx-auto flex max-w-6xl flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
+        class="mx-auto flex w-full max-w-6xl flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
     >
         <div>
             <h1 class="text-2xl font-bold sm:text-3xl">