diff --git a/apps/ai-game-creator-shell/src/view/ui-editor/components/Inspector/Components/TextPanel.tsx b/apps/ai-game-creator-shell/src/view/ui-editor/components/Inspector/Components/TextPanel.tsx
index b3b9f0d9c..ea5c1ed8a 100644
--- a/apps/ai-game-creator-shell/src/view/ui-editor/components/Inspector/Components/TextPanel.tsx
+++ b/apps/ai-game-creator-shell/src/view/ui-editor/components/Inspector/Components/TextPanel.tsx
@@ -190,12 +190,13 @@ export function TextPanel({
               max={255}
               step={1}
               value={Math.round(rgba.a * 255)}
-              onChange={(event) =>
+              onChange={(event) => {
+                setColorDraft(null);
                 onChange({
                   ...component,
                   color: [rgba.r, rgba.g, rgba.b, Number(event.target.value)],
-                })
-              }
+                });
+              }}
             />
           </div>
         ) : null}