diff --git a/assets/icon.svg b/assets/icon.svg
new file mode 100644
index 0000000000..7ae5f19da2
Binary files /dev/null and b/assets/icon.svg differ
diff --git a/package.json b/package.json
index 199fedc446..2d056c40ff 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
 	"name": "misskey",
 	"author": "syuilo <syuilotan@yahoo.co.jp>",
-	"version": "12.24.0",
+	"version": "12.24.1",
 	"codename": "indigo",
 	"repository": {
 		"type": "git",
diff --git a/src/client/app.vue b/src/client/app.vue
index b47c092ed2..650ebbd2b4 100644
--- a/src/client/app.vue
+++ b/src/client/app.vue
@@ -246,7 +246,10 @@ export default Vue.extend({
 		if (this.isDesktop) this.adjustWidgetsWidth();
 
 		const adjustTitlePosition = () => {
-			this.$refs.title.style.left = (this.$refs.main.getBoundingClientRect().left - this.$refs.nav.offsetWidth) + 'px';
+			const left = this.$refs.main.getBoundingClientRect().left - this.$refs.nav.offsetWidth;
+			if (left >= 0) {
+				this.$refs.title.style.left = left + 'px';
+			}
 		};
 
 		adjustTitlePosition();
diff --git a/src/client/init.ts b/src/client/init.ts
index d7b693e4c8..aed7ff85e8 100644
--- a/src/client/init.ts
+++ b/src/client/init.ts
@@ -144,7 +144,7 @@ os.init(async () => {
 		}
 	}, false)
 
-	window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', mql => {
+	window.matchMedia('(prefers-color-scheme: dark)').addListener(mql => {
 		if (os.store.state.device.syncDeviceDarkMode) {
 			os.store.commit('device/set', { key: 'darkMode', value: mql.matches });
 		}
diff --git a/src/client/pages/pages.vue b/src/client/pages/pages.vue
index d993d0196e..dd3d09db08 100644
--- a/src/client/pages/pages.vue
+++ b/src/client/pages/pages.vue
@@ -1,5 +1,8 @@
 <template>
 <div>
+	<portal to="icon"><fa :icon="faStickyNote"/></portal>
+	<portal to="title">{{ $t('pages') }}</portal>
+
 	<mk-container :body-togglable="true">
 		<template #header><fa :icon="faEdit" fixed-width/>{{ $t('_pages.my') }}</template>
 		<div class="rknalgpo my">