diff --git a/src/style/main.scss b/src/style/main.scss
index e53e872..893fdab 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -52,13 +52,20 @@ div.divider {
 
 div.panel {
   color: global.$text-color;
-  border: solid 1px #00000033;
+  border: solid 1px;
+  border-color: #00000033;
   border-radius: 8px;
   box-shadow: 1px 1px 8px #00000033;
   background-color: #ffffff22;
   backdrop-filter: blur(5px);
 }
 
+@media (prefers-color-scheme: dark) {
+  div.panel {
+    border-color: #ffffff33;
+  }
+}
+
 main div.hero {
   width: 60%;
   margin: 16px auto;