diff --git a/frontend/plugins/dark-mode.client.ts b/frontend/plugins/dark-mode.client.ts
index 8920704d47a7..0b79ee49a703 100644
--- a/frontend/plugins/dark-mode.client.ts
+++ b/frontend/plugins/dark-mode.client.ts
@@ -4,7 +4,10 @@ import { useDark } from "@vueuse/core";
 const darkModePlugin: Plugin = ({ $vuetify }, _) => {
   const isDark = useDark();
 
-  $vuetify.theme.dark = isDark.value;
+  // Vuetify metadata is bugged and doesn't render dark mode fully when called immediately
+  // Adding a 0.5 millisecond delay fixes this problem
+  // https://stackoverflow.com/questions/69399797/vuetify-darkmode-colors-wrong-after-page-reload
+  setTimeout( () => { $vuetify.theme.dark = isDark.value; }, 0.5);
 };
 
 export default darkModePlugin;