diff --git a/app/pages/settings/theme.vue b/app/pages/settings/theme.vue
index 7323a48..12b9144 100644
--- a/app/pages/settings/theme.vue
+++ b/app/pages/settings/theme.vue
@@ -11,8 +11,11 @@ const color = ref("...");
 const fonts_list = ref(["Public Sans","Space Grotesk", "Geist"])
 const font = ref("...");
 
+const ready = ref(false);
+
 onMounted(() => {
   color.value = ui_color_cookie().value
+  ready.value = true
 })
 
 watch(color, (newVal, oldVal) => {
@@ -32,6 +35,7 @@ watch(color, (newVal, oldVal) => {
             description="Select the main color of the UI"
             size="lg"
             class="flex justify-between w-full mt-3 mb-3"
+            :disabled="!ready"
         >
           <USelect v-model="color" :items="colors_list" />
         </UFormField>
@@ -50,6 +54,7 @@ watch(color, (newVal, oldVal) => {
           description="Select which font you want"
           size="lg"
           class="flex justify-between w-full mt-3 mb-3"
+          :disabled="!ready"
       >
         <USelect v-model="font" :items="fonts_list" />
       </UFormField>