diff --git a/.github/workflows/design-system-deploy.yml b/.github/workflows/design-system-deploy.yml
index e111d338e..c1f0720c7 100644
--- a/.github/workflows/design-system-deploy.yml
+++ b/.github/workflows/design-system-deploy.yml
@@ -14,7 +14,4 @@ jobs:
     steps:
       - uses: actions/checkout@v1
       - run: yarn
-      - uses: chromaui/action@v1
-        with:
-          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-          token: ${{ secrets.GITHUB_TOKEN }}
+      - uses: yarn run deploy:design-system ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
diff --git a/frontend-monorepo/package.json b/frontend-monorepo/package.json
index 5148ecdde..1a47a5bc4 100644
--- a/frontend-monorepo/package.json
+++ b/frontend-monorepo/package.json
@@ -7,7 +7,8 @@
     ]
   },
   "scripts": {
-    "build:design-system": "yarn workspace hang-log-design-system publish:npm"
+    "build:design-system": "yarn workspace hang-log-design-system publish:npm",
+    "deploy:design-system":"yarn workspace hang-log-design-system npx chromatic --project-token="
   },
   "dependencies": {
     "@babel/runtime": "7.14.6",