diff --git a/src/client/pages/note.vue b/src/client/pages/note.vue
index 6a9167284..cd31ccc33 100644
--- a/src/client/pages/note.vue
+++ b/src/client/pages/note.vue
@@ -8,8 +8,8 @@
 
 		<div class="_section">
 			<div class="_content">
-				<MkRemoteCaution v-if="note.user.host != null" :href="note.url || note.uri" style="margin-bottom: var(--margin)"/>
-				<XNote v-model:note="note" :key="note.id" :detail="true"/>
+				<MkRemoteCaution v-if="note.user.host != null" :href="note.url || note.uri" class="_vMargin"/>
+				<XNote v-model:note="note" :key="note.id" :detail="true" class="_vMargin"/>
 			</div>
 		</div>
 
diff --git a/src/client/pages/user/index.vue b/src/client/pages/user/index.vue
index d9eaf4744..94940f6ef 100644
--- a/src/client/pages/user/index.vue
+++ b/src/client/pages/user/index.vue
@@ -1,13 +1,13 @@
 <template>
 <div class="mk-user-page" v-if="user" v-size="{ max: [500] }">
-	<MkRemoteCaution v-if="user.host != null" :href="user.url" style="margin-bottom: var(--margin)"/>
-
 	<!-- TODO -->
 	<!-- <div class="punished" v-if="user.isSuspended"><Fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSuspended') }}</div> -->
 	<!-- <div class="punished" v-if="user.isSilenced"><Fa :icon="faExclamationTriangle" style="margin-right: 8px;"/> {{ $t('userSilenced') }}</div> -->
 
 	<div class="profile _section _fitBottom">
-		<div class="_content" :key="user.id">
+		<MkRemoteCaution v-if="user.host != null" :href="user.url" class="_content _vMargin"/>
+
+		<div class="_content _vMargin" :key="user.id">
 			<div class="banner-container" :style="style">
 				<div class="banner" ref="banner" :style="style"></div>
 				<div class="fade"></div>
diff --git a/src/client/style.scss b/src/client/style.scss
index a8e322aed..654267084 100644
--- a/src/client/style.scss
+++ b/src/client/style.scss
@@ -324,6 +324,7 @@ hr {
 
 	> ._title,
 	> ._content {
+		box-sizing: border-box;
 		max-width: var(--baseContentWidth);
 		margin: 0 auto;
 	}