diff --git a/web/pages/_app.tsx b/web/pages/_app.tsx
index 2a1db8871..c427e14da 100644
--- a/web/pages/_app.tsx
+++ b/web/pages/_app.tsx
@@ -1,4 +1,4 @@
-import 'antd/dist/antd.compact.css';
+import 'antd/dist/antd.css';
 import '../styles/colors.scss';
 import '../styles/globals.scss';
 
diff --git a/web/styles/globals.scss b/web/styles/globals.scss
index b96c1b98e..d9e50ce65 100644
--- a/web/styles/globals.scss
+++ b/web/styles/globals.scss
@@ -38,3 +38,7 @@ pre {
 .recharts-wrapper {
   font-size: 12px;
 }
+
+@media (prefers-color-scheme: dark) {
+  @import "~antd/dist/antd.dark";
+}
\ No newline at end of file