diff --git a/src/app/components/RoomDetail.svelte b/src/app/components/RoomDetail.svelte
index a07daae7..0077faea 100644
--- a/src/app/components/RoomDetail.svelte
+++ b/src/app/components/RoomDetail.svelte
@@ -207,35 +207,35 @@
       <div class="flex gap-2 flex-wrap">
         {#if $room?.isRestricted}
           <Button
-            class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center"
+            class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
             data-tip="Only members can send messages.">
             <Icon size={4} icon={Microphone} /> Restricted
           </Button>
         {/if}
         {#if $room?.isPrivate}
           <Button
-            class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center"
+            class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
             data-tip="Only members can view messages.">
             <Icon size={4} icon={Lock} /> Private
           </Button>
         {/if}
         {#if $room?.isHidden}
           <Button
-            class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center"
+            class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
             data-tip="This room is not visible to non-members.">
             <Icon size={4} icon={EyeClosed} /> Hidden
           </Button>
         {/if}
         {#if $room?.isClosed}
           <Button
-            class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center"
+            class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
             data-tip="Requests to join this room will be ignored.">
             <Icon size={4} icon={MinusCircle} /> Closed
           </Button>
         {/if}
         {#if !$room?.isRestricted && !$room?.isPrivate && !$room?.isHidden && !$room?.isClosed}
           <Button
-            class="btn btn-neutral btn-xs rounded-full tooltip overflow-visible flex gap-2 items-center"
+            class="btn btn-neutral btn-xs rounded-full tooltip tooltip-right overflow-visible flex gap-2 items-center"
             data-tip="This room has no additional access controls.">
             <Icon size={4} icon={Eye} /> Public
           </Button>