diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 9805119..98f5b41 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -1,19 +1,27 @@
 name: GitHub Actions Build and Deploy Demo
 on:
   push:
-    branches:
-      - main
+    branches: ["main"]
+permissions:
+  contents: read
+  pages: write
+  id-token: write
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
     steps:
     - name: Checkout
-      uses: actions/checkout@master
+      uses: actions/checkout@v4
+      
+    - name: Install dependencies
+      run: npm install
 
-    - name: Build and Deploy
+    - name: Build
+      run: npm run build
+
+    - name: Deploy to GitHub Pages
       uses: JamesIves/github-pages-deploy-action@v4
-      env:
+      with:
         ACCESS_TOKEN: ${{ secrets.GIT_TOKEN }}
         BRANCH: gh-pages
         FOLDER: dist
-        BUILD_SCRIPT: npm install && npm run build