diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index 14250d5..a8a6926 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -89,7 +89,7 @@
 					<Toc toclist={data.heading}></Toc>
 				</div>
 			{/if}
-			<div class="mi-posts js" style="border: solid #8884 1px; height: 320px">
+			<div class="mi-posts js">
 				<iframe src="https://mi.moris.day/embed/user-timeline/9w7bhjzt2b5z0001?maxHeight=320&rounded=false&border=false" title="moris's posts" loading="lazy" style="border:none; width:100%; height:100%;"></iframe>
 			</div>
 		</div>
@@ -130,6 +130,13 @@
 			max-height: 50vh;
 			overflow: scroll;
 		}
+
+		& .mi-posts {
+			height: 320px;
+			@media(prefers-color-scheme: dark) {
+				border: solid #444 1px;
+			}
+		}
 	}
 
 	article {