diff --git a/src/client/style.scss b/src/client/style.scss
index eadf56bf37e8ff2acee27e6bc2a87b024eda4649..4c101c1dab83cb988d3dec021ffbaddafcf81d11 100644
--- a/src/client/style.scss
+++ b/src/client/style.scss
@@ -323,6 +323,11 @@ hr {
 	margin: var(--root-margin, 32px) auto;
 	max-width: min(var(--baseContentWidth), calc(100% - (var(--root-margin, 32px) * 2)));
 
+	// 子marginが突き抜けるのを防ぐため
+	// https://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element
+	padding-top: 1px;
+	margin-top: calc(var(--root-margin, 32px) - 1px);
+
 	@media (max-width: 500px) {
 		--root-margin: 10px;
 	}
@@ -344,7 +349,7 @@ hr {
 }
 
 ._flat_ {
-	--root-margin: 0;
+	--root-margin: 0px;
 	--baseContentWidth: 100%;
 	--panelShadow: none;
 
@@ -365,7 +370,7 @@ hr {
 
 	@media (max-width: 500px) {
 		._root {
-			--root-margin: 0;
+			--root-margin: 0px;
 		}
 	}
 }