diff --git a/README.md b/README.md
index 1778a2a..7900848 100644
--- a/README.md
+++ b/README.md
@@ -243,4 +243,10 @@ docker run --rm -it -p 8080:80 celeris-web:latest
 
 ## Star History
 
-[![Star History Chart](https://api.star-history.com/svg?repos=kirklin/celeris-web&type=Date)](https://star-history.com/#kirklin/celeris-web&Date)
+<a href="https://star-history.com/#kirklin/celeris-web&Date">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=kirklin/celeris-web&type=Date&theme=dark" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=kirklin/celeris-web&type=Date" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=kirklin/celeris-web&type=Date" />
+ </picture>
+</a>
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 94243c6..adb615f 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -245,4 +245,10 @@ docker run --rm -it -p 8080:80 celeris-web:latest
 
 ## Star History
 
-[![Star History Chart](https://api.star-history.com/svg?repos=kirklin/celeris-web&type=Date)](https://star-history.com/#kirklin/celeris-web&Date)
+<a href="https://star-history.com/#kirklin/celeris-web&Date">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/svg?repos=kirklin/celeris-web&type=Date&theme=dark" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/svg?repos=kirklin/celeris-web&type=Date" />
+   <img alt="Star History Chart" src="https://api.star-history.com/svg?repos=kirklin/celeris-web&type=Date" />
+ </picture>
+</a>
diff --git a/apps/admin/src/layouts/sidebar/components/Menu.vue b/apps/admin/src/layouts/sidebar/components/Menu.vue
index e0bc7e5..e332e17 100644
--- a/apps/admin/src/layouts/sidebar/components/Menu.vue
+++ b/apps/admin/src/layouts/sidebar/components/Menu.vue
@@ -83,7 +83,7 @@ watch(
     immediate: true,
   },
 );
-const collapsedWidth = computed<number>(() => collapsed ? 64 : 300);
+const collapsedWidth = computed<number>(() => collapsed.value ? 64 : 300);
 </script>
 
 <template>