diff --git a/app/composables/ui_color.ts b/app/composables/ui_color.ts
index 42b938d..4b8d354 100644
--- a/app/composables/ui_color.ts
+++ b/app/composables/ui_color.ts
@@ -7,9 +7,12 @@ export function ui_color_cookie(): CookieRef<string> {
 
     });
     watch(c, (newVal, oldVal) => {
-        document.body.classList.remove(oldVal);
-        document.body.classList.add(newVal);
-    })
+        // remove old class (if it's been put)
+        if (oldVal != undefined) document.body.classList.remove("ui-" + oldVal);
+
+        // add new class
+        document.body.classList.add("ui-" + newVal);
+    }, { immediate: true})
 
     return c;
 
diff --git a/app/layouts/dashboard.vue b/app/layouts/dashboard.vue
index 1885ca1..4eaaeba 100644
--- a/app/layouts/dashboard.vue
+++ b/app/layouts/dashboard.vue
@@ -41,11 +41,15 @@ const nav : NavigationMenuItem[][] = [[
 ]];*/
 
 // set color
-useHead({
+/*useHead({
   bodyAttrs: {
     class: "ui-blue"
   }
+})*/
+onMounted(() => {
+  ui_color_cookie();
 })
+
 </script>
 <template>
   <UDashboardGroup>