diff --git a/src/client/components/date-separated-list.vue b/src/client/components/date-separated-list.vue
index a27e9a05a2..5eb005ef68 100644
--- a/src/client/components/date-separated-list.vue
+++ b/src/client/components/date-separated-list.vue
@@ -69,6 +69,10 @@ export default Vue.extend({
 
 <style lang="scss">
 .sqadhkmv {
+	> *:not(:last-child) {
+		margin-bottom: var(--margin);
+	}
+
 	> .list-move {
 		transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
 	}
diff --git a/src/client/components/notes.vue b/src/client/components/notes.vue
index e8461fcb8d..7653062ba0 100644
--- a/src/client/components/notes.vue
+++ b/src/client/components/notes.vue
@@ -14,7 +14,7 @@
 		</button>
 	</div>
 
-	<x-list ref="notes" class="notes" :items="notes" v-slot="{ item: note }" :direction="reversed ? 'up' : 'down'" :reversed="reversed">
+	<x-list ref="notes" :items="notes" v-slot="{ item: note }" :direction="reversed ? 'up' : 'down'" :reversed="reversed">
 		<x-note :note="note" :detail="detail" :key="note._featuredId_ || note._prId_ || note.id"/>
 	</x-list>
 
@@ -85,12 +85,3 @@ export default Vue.extend({
 });
 </script>
 
-<style lang="scss" scoped>
-.mk-notes {
-	> .notes {
-		> ::v-deep *:not(:last-child) {
-			margin-bottom: var(--margin);
-		}
-	}
-}
-</style>