diff --git a/src/app.css b/src/app.css
index a19a8e9f..39fdc260 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1681,6 +1681,9 @@ ul.link-list li a .icon {
   .timeline:not(.flat) > li:not(:has(.status-carousel)) {
     transform: translate3d(0, 0, 0);
   }
+  .timeline:not(.flat) > li:has(.status-badge) {
+    border-top-right-radius: 8px;
+  }
   .timeline:not(.flat) > li:has(.status-link.is-active) {
     transition: var(--back-transition);
     transform: translate3d(-2.5vw, 0, 0);
diff --git a/src/components/compose.css b/src/components/compose.css
index 4d93d8e7..81ac8c51 100644
--- a/src/components/compose.css
+++ b/src/components/compose.css
@@ -70,6 +70,9 @@
   overflow: auto;
   box-shadow: 0 -3px 12px -3px var(--drop-shadow-color);
 }
+#compose-container .status-preview:has(.status-badge) {
+  border-top-right-radius: 8px;
+}
 #compose-container .status-preview :is(.hashtag, .time) {
   /* Prevent hashtags from being clickable */
   /* TODO: maybe use a different solution? */