diff --git a/matrixgw_frontend/src/widgets/messages/RoomMessagesList.tsx b/matrixgw_frontend/src/widgets/messages/RoomMessagesList.tsx
index 7b7d03c..d7b0b0f 100644
--- a/matrixgw_frontend/src/widgets/messages/RoomMessagesList.tsx
+++ b/matrixgw_frontend/src/widgets/messages/RoomMessagesList.tsx
@@ -44,7 +44,7 @@ export function RoomMessagesList(p: {
// Automatically scroll to bottom when number of messages change
React.useEffect(() => {
if (messagesEndRef)
- messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+ messagesEndRef.current?.scrollIntoView({ behavior: "instant" });
}, [p.mgr.messages.length]);
return (
@@ -200,6 +200,8 @@ function RoomMessage(p: {
maxWidth: "100%",
transition: "all 0.01s ease-in",
position: "relative",
+ display: "flex",
+ flexDirection: "row",
}}
component="div"
sx={{
@@ -214,23 +216,26 @@ function RoomMessage(p: {
>
setShowImageFullScreen(true)}
- src={MatrixApiEvent.GetEventFileURL(
- p.room,
- p.message.event_id,
- true
- )}
- style={{
- maxWidth: "200px",
- }}
- />
- ) : (
- p.message.content
- )}
+
+
+ {/** Message itself */}
+