diff --git a/app/soapbox/features/status/components/thread_status.js b/app/soapbox/features/status/components/thread_status.js
new file mode 100644
index 0000000000..3df38013a9
Binary files /dev/null and b/app/soapbox/features/status/components/thread_status.js differ
diff --git a/app/soapbox/features/status/index.js b/app/soapbox/features/status/index.js
index ae2901f30b..7c8e2f999d 100644
Binary files a/app/soapbox/features/status/index.js and b/app/soapbox/features/status/index.js differ
diff --git a/app/styles/components/detailed-status.scss b/app/styles/components/detailed-status.scss
index a800b98dff..c83c359e7a 100644
--- a/app/styles/components/detailed-status.scss
+++ b/app/styles/components/detailed-status.scss
@@ -157,3 +157,32 @@
   float: left;
   margin-right: 5px;
 }
+
+.thread {
+  &__status {
+    position: relative;
+  }
+
+  &__connector {
+    background: hsla(var(--primary-text-color_hsl), 0.2);
+    position: absolute;
+    width: 2px;
+    left: 33px;
+    display: none;
+
+    &--bottom {
+      height: calc(100% - 8px - 48px - 14px);
+      top: calc(8px + 48px + 13px);
+      display: block;
+    }
+
+    @media screen and (min-width: 630px) {
+      left: 38px;
+
+      &--bottom {
+        height: calc(100% - 15px - 48px);
+        top: calc(15px + 48px + 9px);
+      }
+    }
+  }
+}