diff --git a/components/ui/bottomSheet.vue b/components/ui/bottomSheet.vue
index 30dbe87..4bf0bfd 100644
--- a/components/ui/bottomSheet.vue
+++ b/components/ui/bottomSheet.vue
@@ -160,7 +160,7 @@ const emit = defineEmits(['close'])
 const selectedFont = ref('')
 const searchQuery = ref('')
 const colorPicker = ref(null)
-const currentColor = computed(() => useColorMode().value === 'dark' ? '#FFFFFF' : '#000000')
+const currentColor = ref('')
 
 const fonts = [
   'Geist',