diff --git a/components/text-overlay/text-overlay-controls.tsx b/components/text-overlay/text-overlay-controls.tsx
index 574f42c..24b66fb 100644
--- a/components/text-overlay/text-overlay-controls.tsx
+++ b/components/text-overlay/text-overlay-controls.tsx
@@ -95,6 +95,12 @@ export const TextOverlayControls = () => {
 
   const handleUpdateColor = (color: string) => {
     if (selectedOverlay) {
+      if (!color.startsWith('#')) {
+        return;
+      }
+      else {
+        color = "#"+color
+      }
       updateTextOverlay(selectedOverlay.id, { color });
     }
   };