Работа на новой архитектуре

client-web/src/modules/chats/presentation/components/MessageBubble.tsx

@@ -570,7 +570,7 @@ function MessageBubble({
                             key={m.id}
                             src={m.url}
                             alt=""
-                            className={`w-full h-full object-cover cursor-pointer hover:brightness-90 transition-all ${galleryMedia.length > 1 ? 'aspect-square' : isSingleGif ? 'max-h-[260px]' : 'max-h-[500px]'}`}
+                            className={`w-full object-cover cursor-pointer hover:brightness-90 transition-all ${galleryMedia.length > 1 ? 'aspect-square h-full' : isSingleGif ? 'h-auto max-h-[260px]' : 'h-auto max-h-[500px]'}`}
                             onClick={() => setLightboxData({ index: idx })}
                           />
                         )
@@ -791,7 +791,7 @@ function MessageBubble({
             )}
             {/* Реакции */}
             {Object.keys(reactionGroups).length > 0 && (
-              <div className={`flex flex-wrap gap-1 mt-1.5 ${isMine ? 'justify-end' : 'justify-start'}`}>
+              <div className="flex flex-wrap gap-1 mt-1.5 justify-start">
                 {Object.entries(reactionGroups).map(([emoji, data]) => (
                   <button
                     key={emoji}