diff --git a/src/client/index.tsx b/src/client/index.tsx
index d042984..6c0a938 100644
--- a/src/client/index.tsx
+++ b/src/client/index.tsx
@@ -263,6 +263,12 @@ const LogsContainer = define('LogsContainer', {
   color: theme('colors-textMuted'),
   maxHeight: 200,
   overflow: 'auto',
+
+  render({ props: { children }, parts: { Root } }) {
+    return <Root ref={(el: HTMLElement | null) => {
+      if (el) requestAnimationFrame(() => el.scrollTop = el.scrollHeight)
+    }}>{children}</Root>
+  }
 })
 
 const LogLine = define('LogLine', {