diff --git a/web/index.html b/web/index.html
index 8a7f7f2c..90bceec7 100644
--- a/web/index.html
+++ b/web/index.html
@@ -235,11 +235,11 @@
 			margin-left: 1em;
 		}
 		.depth-r {
-			margin-left: 1em;
+			margin-left: .5em;
 		}
 		@media screen and (max-width: 786px) {
 			.depth-r {
-				margin-left: .25em;
+				margin-left: .125em;
 			}
 			.ml-1-r {
 				margin-left: 0;
diff --git a/web/src/components/object.rs b/web/src/components/object.rs
index 28dec83d..efe4503b 100644
--- a/web/src/components/object.rs
+++ b/web/src/components/object.rs
@@ -101,7 +101,7 @@ pub fn Object(object: crate::Object) -> impl IntoView {
 		Some(view! { <div class="pb-1"></div> })
 	};
 	view! {
-		<table class="align w-100">
+		<table class="align w-100 ml-s mr-s">
 			<tr>
 				<td><ActorBanner object=author /></td>
 				<td class="rev" >
diff --git a/web/src/components/timeline.rs b/web/src/components/timeline.rs
index 7ae930d8..0691265f 100644
--- a/web/src/components/timeline.rs
+++ b/web/src/components/timeline.rs
@@ -108,7 +108,7 @@ pub fn TimelineRepliesRecursive(tl: Timeline, root: String) -> impl IntoView {
 					_ => {
 						let oid = object.id().unwrap_or_default().to_string();
 						view! {
-							<div class="context">
+							<div class="context depth-r">
 								<Object object=object />
 								<div class="depth-r">
 									<TimelineRepliesRecursive tl=tl root=oid />