diff --git a/.changeset/fix-thread-empty-space.md b/.changeset/fix-thread-empty-space.md
new file mode 100644
index 00000000..fffeeaa5
--- /dev/null
+++ b/.changeset/fix-thread-empty-space.md
@@ -0,0 +1,5 @@
+---
+default: patch
+---
+
+Fix excessive whitespace between the thread root message and replies in the thread drawer
diff --git a/src/app/features/room/ThreadDrawer.tsx b/src/app/features/room/ThreadDrawer.tsx
index 31af1897..fd7075bf 100644
--- a/src/app/features/room/ThreadDrawer.tsx
+++ b/src/app/features/room/ThreadDrawer.tsx
@@ -719,6 +719,7 @@ export function ThreadDrawer({ room, threadRootId, onClose, overlay }: ThreadDra
hideTrack={false}
style={{
maxHeight: '200px',
+ height: 'fit-content',
flexShrink: 0,
}}
>
@@ -726,7 +727,7 @@ export function ThreadDrawer({ room, threadRootId, onClose, overlay }: ThreadDra
className={css.messageList}
direction="Column"
style={{
- padding: `${config.space.S600} 0`,
+ padding: `${config.space.S400} 0 ${config.space.S200} 0`,
}}
>
@@ -772,7 +773,7 @@ export function ThreadDrawer({ room, threadRootId, onClose, overlay }: ThreadDra
{replyEvents.map((mEvent, i) => {
const prevEvent = i > 0 ? replyEvents[i - 1] : undefined;