diff --git a/src/assets/base.css b/src/assets/base.css
index 80077ae..f3eb3d8 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -38,6 +38,8 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
+    color-scheme: only dark;
+
     --color-background: var(--vt-c-black);
     --color-background-soft: var(--vt-c-black-soft);
     --color-background-mute: var(--vt-c-black-mute);
diff --git a/src/components/SchedulePage.vue b/src/components/SchedulePage.vue
index bdb3e54..c98e19e 100644
--- a/src/components/SchedulePage.vue
+++ b/src/components/SchedulePage.vue
@@ -85,7 +85,7 @@ onMounted(async () => {
 }
 
 .hr {
-  margin: 5px;
+  margin: 10px;
 }
 
 .relative-day-name {
diff --git a/src/components/client.ts b/src/components/client.ts
index dabf8bd..84f5946 100644
--- a/src/components/client.ts
+++ b/src/components/client.ts
@@ -14,7 +14,8 @@ export const apiGetDays = async (): Promise<Schedule> => {
 }
 
 export function getApiUrl(path: string) {
-  const url = 'http://' + window.location.host.split(':')[0] + ':8210' + path
+  const url = 'https://' + window.location.host.split(':')[0] + path
+  // const url = 'http://localhost:8210' + path
   return url
 }