fix(chat): fit unlocked voice bubble content

src/app/chat/components/voice-bubble.module.css

@@ -1,8 +1,9 @@
 .bubble {
-  display: flex;
+  display: inline-flex;
   align-items: flex-start;
   gap: var(--spacing-sm, 10px);
-  width: min(72vw, 280px);
+  width: fit-content;
+  max-width: min(72vw, 280px);
   padding: var(--spacing-md, 12px) clamp(12px, 2.593vw, 14px);
   border-radius: var(--responsive-card-radius-sm, 20px);
   box-shadow: var(--shadow-input-box, 0 1px 2px rgba(0, 0, 0, 0.1));
@@ -25,6 +26,7 @@
 }
 
 .locked {
+  width: min(72vw, 280px);
   border: 1px solid rgba(246, 87, 160, 0.2);
   background:
     linear-gradient(180deg, rgba(255, 244, 248, 0.95), rgba(255, 255, 255, 0.95)),
@@ -69,11 +71,15 @@
 .body {
   display: flex;
   min-width: 0;
-  flex: 1 1 auto;
+  flex: 0 1 auto;
   flex-direction: column;
   gap: var(--spacing-sm, 8px);
 }
 
+.locked .body {
+  flex: 1 1 auto;
+}
+
 .wave {
   display: flex;
   align-items: center;