diff --git a/apps/client/src/core/styleFlyout.ts b/apps/client/src/core/styleFlyout.ts
index a07c1aca..b4a124e7 100644
--- a/apps/client/src/core/styleFlyout.ts
+++ b/apps/client/src/core/styleFlyout.ts
@@ -240,8 +240,6 @@ export default class StyleFlyout extends FixedFlyout {
 
     // 새롭게 생성되는 CSS 클래스 블록 정보
     if (!Blockly.Blocks[createClassType!]) {
-      useCssPropsStore.getState().addNewCssClass(createClassType);
-      useWorkspaceChangeStatusStore.getState().setIsBlockChanged(true);
       Blockly.Blocks[createClassType!] = {
         init: function () {
           this.appendDummyInput().appendField(
@@ -254,6 +252,8 @@ export default class StyleFlyout extends FixedFlyout {
       };
     }
 
+    useCssPropsStore.getState().addNewCssClass(createClassType);
+    useWorkspaceChangeStatusStore.getState().setIsBlockChanged(true);
     // 기존 블록들이 있는 cssStyleToolboxConfig.ts에 새 블록 추가
     cssStyleToolboxConfig!.contents = [
       ...existingBlocks,