diff --git a/src/Element/Thread.css b/src/Element/Thread.css
new file mode 100644
index 00000000..c6267f18
--- /dev/null
+++ b/src/Element/Thread.css
@@ -0,0 +1,3 @@
+.thread-container {
+  margin: 12px 0 150px 0;
+}
diff --git a/src/Element/Thread.tsx b/src/Element/Thread.tsx
index cfaa0b82..bc3fbef9 100644
--- a/src/Element/Thread.tsx
+++ b/src/Element/Thread.tsx
@@ -1,3 +1,4 @@
+import "./Thread.css";
 import { useMemo } from "react";
 import { Link } from "react-router-dom";
 import { TaggedRawEvent, u256 } from "Nostr";
@@ -82,7 +83,7 @@ export default function Thread(props: ThreadProps) {
     }
 
     return (
-        <>
+        <div className="thread-container">
             {renderRoot()}
             {root ? renderChain(root.Id) : null}
             {root ? null : <>
@@ -98,6 +99,6 @@ export default function Thread(props: ThreadProps) {
                     )
                 })}
             </>}
-        </>
+        </div>
     );
 }
\ No newline at end of file