diff --git a/.github/workflows/storybook.yml b/.github/workflows/storybook.yml
index 85a21f7fb..6adabaff9 100644
--- a/.github/workflows/storybook.yml
+++ b/.github/workflows/storybook.yml
@@ -17,13 +17,12 @@ jobs:
         with:
           fetch-depth: 0
 
-      - name: Install Dependencies
-        run: npm install
-        working-directory: ./ui
-
       - name: Build Storybook
-        run: npm run build-storybook
         working-directory: ./ui
+        run: |
+          npm ci
+          npx playwright install
+          npm run build-storybook
 
       - name: Publish to Chromatic
         id: chromatic
@@ -35,8 +34,7 @@ jobs:
           workingDir: "./ui"
           exitOnceUploaded: true
 
-      - name: Test the deployed Storybook
+      - name: Test Storybook
+        working-directory: ./ui
         run: |
-          npx playwright install
           npm run test-storybook -- --no-index-json --url ${{ steps.chromatic.outputs.storybookUrl }}
-        working-directory: ./ui
\ No newline at end of file