diff --git a/app/library/HttpSocket.py b/app/library/HttpSocket.py
index e12cea1b..77ea1c56 100644
--- a/app/library/HttpSocket.py
+++ b/app/library/HttpSocket.py
@@ -373,15 +373,16 @@ class HttpSocket(Common):
                 pass
 
     @ws_event
-    async def disconnect(self, sid: str):
+    async def disconnect(self, sid: str, reason: str):
         """
         Handle client disconnection.
 
         Args:
             sid (str): The session ID of the client.
+            reason (str): The reason for disconnection.
 
         """
-        LOG.debug(f"Client '{sid}' disconnected.")
+        LOG.debug(f"Client '{sid}' disconnected. {reason}")
 
         for event in self.subscribers:
             if sid in self.subscribers[event]:
diff --git a/ui/components/FloatingImage.vue b/ui/components/FloatingImage.vue
index 2ab910cd..50e1ae5e 100644
--- a/ui/components/FloatingImage.vue
+++ b/ui/components/FloatingImage.vue
@@ -4,8 +4,10 @@
     <template #popper class="p-0 m-0">
       <span class="icon" v-if="!url"><i class="fas fa-circle-notch fa-spin" /></span>
       <template v-else>
-        <div style="max-width:650px" class="m-1">
-          <div class="is-block" style="word-break: all;" v-text="props.title" v-if="props.title" />
+        <div style="width: 25vw; height: auto;" class="m-1">
+          <div class="is-block" style="word-break: all;" v-if="props.title">
+            <span style="font-size: 120%;">{{ props.title }}</span>
+          </div>
           <figure class="image is-3by1">
             <img @load="e => pImg(e)" :src="url" :alt="props.title" @error="clearCache"
               :crossorigin="props.privacy ? 'anonymous' : 'use-credentials'"