diff --git a/dashboard/src/components/PublicPageLayout.vue b/dashboard/src/components/PublicPageLayout.vue
index ee5d90074..b7bf36b23 100644
--- a/dashboard/src/components/PublicPageLayout.vue
+++ b/dashboard/src/components/PublicPageLayout.vue
@@ -88,6 +88,12 @@ defineProps({
   align-items: center;
 }
 
+@media (prefers-color-scheme: dark) {
+  .public-page-layout-left {
+    background-color: rgba(255,255,255,0.1);
+  }
+}
+
 .public-page-layout-left img {
   margin-bottom: 20%;
   border-radius: 10px;